CSS

[Lex]

Обнаружил тут интересную фишку.
В определении стиля на параграфа(p) и ячейки таблицы(td) стоит строчка

Код:

vertical-align{ text-top;

В IE все чесно отображается сверху.
В опере 7.0 текс отображается по середине.
замена text-top на top позволяет видеть все как хотелось.
Но, в стандарте CSS 2.0 оговариваются и top и text-top.
И проверка на правильность моего css файла говорит, что все в порядке.

вот поэтому я и не люблю веб-дизайн.

[Гром]

))) А ты в курсе что при указании в css

Код:

.tbl
|
margin-top{ 2px;
margin-right{ 5px;
margin-left{ 0px;
margin-bottom{ 2px;
"

Получается при выставке

Код:

<td class = tbl>

что в таблице отступа нет в ИЕ и вообще в лююом броузере.

А если сделать

Код:

<td>
<div class = tbl>

Все работает - объясните Why

[Lex]

))) А ты в курсе что при указании в css

Код:

.tbl
|
margin-top{ 2px;
margin-right{ 5px;
margin-left{ 0px;
margin-bottom{ 2px;
"

Получается при выставке

Код:

<td class = tbl>

что в таблице отступа нет в ИЕ и вообще в лююом броузере.

А если сделать

Код:

<td>
<div class = tbl>

Все работает - объясните Why

в эобщем и целом может быть.
попробуй объявить не

Код:

.tbl|
   . . . . . . . . . 
"

а вот так

Код:

td.tbl|
   . . . . . . . . 
"

Сейчас попробую покопаться в доках, может найду чего.
А вообще это уже тонкости HTML 4.0
А то что я привел, неполная поддержка оперой CSS 2.0

[Lex]

Кстати, если написать так

Код:

.tbl | 
    padding-top{ 2px; 
    padding-right{ 5px; 
    padding-left{ 0px; 
   padding-bottom{ 2px; 
"

То работают оба варианта. Похоже это тонкости CSS/HTML? которые надо смотреть в спецификации.

[Гром]

Прикол - этого я не знал - у меня есть книжка по HTML 4 но в ней этого не было...

[baldr]

Я, когда делал новый дизайн своего сайта, потратил целый день на изучение CSS1. Все сделал, вроде бы, по правилам, а проверял в Опере 7.1.
  Закачал на сайт, а потом случайно посмотрел из IE. Это было что-то ужасное... Еще два дня я адаптировал к обоим браузерам. И подозреваю, что все равно у всех по-разному смотрится...
  Вот поэтому я и не люблю веб-дизайн.

[Lex]

Гром, Надо смотреть спецификацию(http://www.w3.org). Боюсь что в большинстве книжек такие тонкости не пишут.

[RXL]

Можно еще здесь посмотреть здесь: http://www.htmlhelp.com/reference/css/ - их читать удобнее чем на www.w3.org.

[Lex]

на http://www.w3.org есть он-лайн проверщики правильности как css так и html.

[Гром]

А мне придется это сделать на новом сайте...