Опрос по кроссбраузерности

Уважаемые коллеги, решил у вас просить как вы решаете вопросы с кроссбраузерностью.
А вопросы такие:

1. Пишите ли вы под каждый браузер свой css и вставляется в зависимости от браузера? Или же пишите в один файл с приемом css хаков
2. Если вы пишите с хаками, то есть ли вероятность, что в след. версии она не будет работать и это головная боль, потому что браузеры постоянно обновляются и каждый раз искать подобные хаки не вариант.
3. Возможно у вас есть другие пути решения правильного отображения в разных браузерах.

Прошу поделиться.

А у меня вопрос возник с тем, что нужно немного подкорректировать страницы, но создавать css под каждый браузер долгая работа, а делать все в одном - получается каша и хаки могут внезапно перестать работать в новом бразуре.

в приципе верстка под все браузеры будет одинакова, кроме некоторых моментов (я говорю про IE). так что нужно, если есть необходимость подключать доп. файл css для IE

Да, IE - это чудо современных браузеров. Все, что можно было сделать плохо - сделали там)))

Но у меня чаще всего возникает проблема с width.
Объясню: я использую Хром и считаю его самым лучшим браузером. И пишу все под него. Т.е. если у DIV width: 100% и в нем вставить еще два дива по 50% с float: left, то:
Хром - покажет как нужно и поставит в ряд два дива.
Опера - не поставит.
firefox - не поставит.
ie - вообще молчу.

Вот как тут быть))))

Я это к тому, что опера и firefox почему то думает, что сумма двух дивов width 50%+50% больше 100% родительского.

(Отредактировано автором: 14 Октября, 2011 - 14:07:07)

вы так их верстаете?

Сейчас попробую.
(Добавление)

а зачем display: table??

А если его не вставлять, то тогда все divы отобразятся отдельно от текста и буд то они пустые. Т.е. якобы в них текста нет. А текст идет фоном за дивами. Хм, не знаю как передать описание))))
(Добавление)


Как, в таком случае, подкорректировать?

1. у aaa_1 убрать ширину.
2. убрать display:table
3. после <div class="aaa_4">Hello</div> добавить <div style="clear:left"></div>

-----
Программисты на работе общаются двумя фразами: «непонятно» и «вроде работает».

Спасибо! А clear можно вписать как то в aaa_1? Просто каждый раз вставлять <div style="clear:left"></div> не красиво))) Или может есть другие варианты вставить clear?

P.S. +1 в Спасибо)

<br clear="left">

(Отредактировано автором: 14 Октября, 2011 - 17:16:57)

-----
Программисты на работе общаются двумя фразами: «непонятно» и «вроде работает».

Stasnislav тогда уже

-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

-----
Программисты на работе общаются двумя фразами: «непонятно» и «вроде работает».

Stasnislav спецификацию читаем внимательней, а не всякую фигню на недосайтах http://www[dot]w3[dot]org/TR/html4/prese[dot][dot][dot][dot]html#adef-clear

-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

я просто не использую такие стили, которые плохо работают на других браузерах

-----
Всё гениальное - просто
И ещё проще, если ты - индиго

Действительно, читаем внимательно спецификацию и убеждаемся, что <br clear="left"> работает и отлично подходит для вышеприведенного примера... есть еще опровержения?

-----
Программисты на работе общаются двумя фразами: «непонятно» и «вроде работает».