Вобщем, одному хорошему человеку верстаю шаблон под Joomla. Возникла проблема. В загаловках модулей надо разместить текст с права и с отступом от правого края в 10 пикселей. Реализовать то просто, но вот с совместимостью пошли глюки. Опера и FF отображают все как надо, а IE обрезает див. Тоесть опера и FF к длинне блока прабавляет еще и паддинг. IE неизменяет размеры. Вобщем, проблема имеет довольно простое решение: использоват xHTML 1.0 Strict но оно небуит давать нужного эффекта если на странице будет хотябы одна ошибка разметки. Подогнать дизайн так чтобы ошибок небыло это легко, но вот думаю что через добавление пары новостей ошибки появятся и все, можно считать оформление испорченным. Вобщем, в CSS есть условия. Как сделать проверку соответсвующую?

говорилось в одной статье про [if ie] но увы, у меня неполучается с ней разобраться. уду очень признателен.

Честно ничего не понял. Как это "добавляет к длинне блока паддинг"
Если я создам div в 100 пикселей и сделаю отступ справа в 10 пикселей то любом браузере див останется 100 пикселей.

вот пример



вот как ототбражается в опере и в IE. FF отображает так же как и опера.

CSS:



о как. Есть  параметр If Ie но както никак немагу придумать как с помощьюэ той штуки пофиксить эту ситуацию.

smartov, увы, это не так. Боксовая модель у IE5 (и более новых версий в Quirks mode) и W3C разная, feosr здесь прав.


??? feosr, можно пример? И еще, что мешает использовать HTML 4.01 Strict - он ведь тоже активирует CSS1Compat mode...

Вообще со времен IE5 есть стандартный обходной путь для этой беды - замена padding-а у основного блока на margin у вложенного блока. Это от боксовой модели не зависит...

SelenIT, 

Проверил. Действительно :(
"Признаю свою вину, меру, степень, глубину....
И прошу меня отправить на ближайшую войну.."

Тогда предлагаю делать вот так

Это работает одинаково. Проверил в IE6 и последних версиях FF и Opera

smartov, практически это я и имел в виду выше;). Только я бы юзал именно div и margin, а не span и padding - чтобы даже IE5 и ему подобные ископаемые (не умеющие применять padding-и к строковым элементам) не "ломали ништяк". В крайнем случае - добавить вложенному span-у display:block...

p.s. На войну, все-таки, из-за такой мелочи не стоит, имхо... с кем не бывает... ...ну разве что на браузерную;)

должны умереть в страшных муках 



Это я понял, само собой, но городить див заради margin у меня как-то рука не поднимается 

SelenIT, ну наверное поотму что Joomla Использует xHTML 1,0

проблема решена, спасибо.