Веб-страница Cross Browser CSS

Question

У меня проблема с моей формой, которая выглядит нормально в Firefox, но она идет ниже, чем я хочу, в Chrome и IE. Кроме того, нижние колонтитулы выше в IE, когда они идеально подходят для Chrome и FF.

Я просто хочу знать, есть ли способ сделать CSS конкретным для каждого браузера, поэтому, если бы я открыл свою страницу в FF, IE или Chrome, он использовал бы CSS, специфичный для него.

Благодаря

Обновление:

Я нашел этот код, чтобы сделать отдельную таблицу стилей для IE:

<!--[if IE]> 
     <link rel="stylesheet" type="text/css" href="all-ie-only.css" /> 
<![endif]--> 

Есть ли один я могу сделать для всех остальных браузеров?

Answer 1

В IE вы можете добавить определенную таблицу стилей с помощью условных комментариев: http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

Для Mozilla и Chrome можно использовать специфические для каждого поставщика тегов. В Chrome вы должны использовать что-то вроде этого (как Хром WebKit на основе, добавить -webkit до того тегов):

#foo { 
    -webkit-border-radius:5px; 
    -webkit-box-shadow: 5px 5px 5px #000; 
} 

И в Mozilla вы будете использовать (добавить -moz до того тегов):

#foo { 
    -moz-border-radius:5px; 
    -moz-box-shadow: 5px 5px 5px #000; 
} 

Вы должны помнить, что вы не можете сделать это во всех тегах.

Список для Mozilla: https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

Список для Chrome: http://qooxdoo.org/documentation/general/webkit_css_styles