Подключение стилей для разных браузеров. - Вопросы по CSS

Добрый день всем,

Я сталкнулся с проблемой CSS в разных браузерах. Сайт делал под Firefox Mozila. На нем все идеально.

А вот на Chrome и IE 7  начинают скакать колонки и уезжают пару кнопок. 

Объясните пожалуйста доходчиво как подключать стили для разных браузеров. Можно написать тут, а можно ссылочку дать.
В любом случае буду признателен. Сразу скажу что в CSS я не супер профи,а так сказать 20/80    кто знает это правило тот поймет.

Объясните пожалуйста доходчиво как подключать стили для разных браузеров. Можно написать тут, а можно ссылочку дать.
В любом случае буду признателен. Сразу скажу что в CSS я не супер профи,а так сказать 20/80    кто знает это правило тот поймет.

Это правило называется "Не Поповым единым верстка познается". А вообще надо было Вам сразу все правильно делать и верстать, так как отдельную таблицу стилей (стандартными средствами, других способов не знаю) можно подключить только для ie. Следовательно придется переделывать все заново, хотя для разных браузеров есть различные хаки, попробуйте поискать.

Вот почитай

Дело в том, что у автора отображается неправильно не только в ие, но и в хроме. Вообще, если хорошо подумать (хотя не очень это трудно), то можно в шаблоне через user_agent определять для каждого браузера свои CSS. Если интересно - пиши в личку, попробую сделать (в принципе, иногда самому нужно).

иногда самому нужно

Сколько верстаю, никогда не нужно было... Отдельные файлы нужны только для ie (обычно 6, реже 7, и иногда , они легко подлкючаются через кондишнл комментс.

Да, но как сделать так что бы в Хром отображалось нормально?

Получается я, что то не так в Цсс прописал, у меня просто в Хром кнопка(input) уплывает из под картинки. И еще такая странная вещь, у меня центральная колонка шаблона не была резиновой, если в ней какая то форма и в ней например можно добавить 3 фотографии нажав на кнопочку плюса так чтобы появилась еще одна форма для UPLOAD. При появлении доп поля , сам колонка налазила на Footer. Тогда я ей задал свойство

#main_column {display:table; height:100%}

и все исправилось. НО ..... появилась новая проблема .. в ХРОМ и ИЕ ... при открытие сайта средняя колонка стала спадать вниз и появился большой пробел... !

Кто знает в чем проблема??

вообщето display: table таботает в ие только с 8й версии.

вообщето display: table таботает в ие только с 8й версии.

вообще то ты ошибся !

http://www.htmlbook.ru/css/display.html

Да ? и в чем же?

Хотел бы я ошибиться, но суровая microsoft css-реальность такова что ие6 и 7 сосут чупачупс..

Сколько верстаю, никогда не нужно было... Отдельные файлы нужны только для ie (обычно 6, реже 7, и иногда , они легко подлкючаются через кондишнл комментс.

И все-же бывают случаи, что надо.
http://www.si-web.ru/blog/30-each-browser-has-its-own-css-style.html - здесь именно то, о чем я писАл.