Проблема с вводом и анкеров между браузерами

у меня есть проблемы с CSS и FF3/IE7 и Opera 10.Проблема с вводом и анкеров между браузерами

у меня есть один вход [тип = «представить»] и один якорь, и я хочу, чтобы стиль их так же, , Независимо от того, что я пытаюсь, единственным логическим браузером, похоже, является Opera 10 (он стилизует их одинаково с одним и тем же css).

У FF, кажется, есть разные дополнения (мне нужно, чтобы ящик отправки 1px был меньше в дополнении, чтобы соответствовать, но это заставило бы Opera 10 отключиться), а IE7 - как раз.

код для вас любителей кода:

<form action="/login" method="post" id="loginform"> 
    <fieldset> 
     <input type="submit" value="Login" /> 
     <a href="/register">Register</a> 
     <a href="/reminder">Lost Password?</a> 
</fieldset> 
</form>

CSS:

fieldset a { 
    color: #ffcc00; 
    border: 1px solid #707070; 
    background: #000000; 
    font-size: 10px; 
    font-weight: normal; 
    padding: 2px; 
    /*vertical-align: text-top;*/ 
} 
fieldset a:hover { 
    color: #ffcc00; 
    border: 1px solid #707070; 
    background: #333333; 
    cursor: pointer; 
    font-size: 10px; 
    font-weight: normal; 
    text-decoration: none; 
    padding: 2px; 
} 
fieldset input[type="submit"] { 
    color: #ffcc00; 
    padding: 2px; 
    border: 1px solid #707070; 
    background: #000000; 
    font-size: 10px; 
    font-weight: normal;  
} 
fieldset input[type="submit"]:hover { 
    color: #ffcc00; 
    padding: 2px; 
    border: 1px solid #707070; 
    background: #333333; 
    cursor: pointer; 
    font-size: 10px; 
    font-weight: normal; 
}

любая помощь, чтобы решить вопрос о согласованности между браузерами желательно как мне нужно поддерживать все три (сафари тоже, но я думаю, если я получу эти 3 выровненных, он тоже должен там работать).

Большое спасибо заранее (p.s я иду на обед сейчас и будет проверять ответы сразу после так жаль медленных ответов заранее)

источник

2009-09-16 Dorjan

проблема Firefox решается, как этот

button::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
}

источник

2009-09-16 11:34:20 n1313

Это решает одну из проблем, поэтому +1 здесь: D – Dorjan

Есть ли место со всеми этими командами? -moz- или даже для Opera/IE? – Dorjan

Ну, я бы предложил прочитать внутренние файлы css вашего useragent ... – n1313

Попробуйте это в изоляции. Я рекомендую использовать файл reset.css, чтобы заставить все браузеры обрабатывать яблоки как яблоки, а затем стилизовать ваши элементы INPUT и A соответственно.

Возможно, в систему входят другие правила CSS.

См. http://meyerweb.com/eric/tools/css/reset/ для файла сбрасывания.

У меня были проблемы с прошлым с IE и укладки отдельных элементов (в частности инвалидов элементов), и как IE отличается в своей работе с этим стилем между версиями 6 и 7.

Следующая DOCTYPE, казалось, чтобы помочь в этих условиях, но рендеринг в IE 6 больше не может работать, как ожидалось:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

источник

2009-09-16 11:29:10

Теперь это инте отдыха и отличной идеи Дэвида. Я сразу прочитаю об этом – Dorjan

К сожалению, это не сбрасывает кнопки :( – Dorjan

Попробуйте добавить строгий DOCTYPE на свою страницу и загрузить его в IE 7. Режим Quirks может повлиять на ваш стиль. хорошо с IE ... особенно версия 6. –

Проблема с вводом и анкеров между браузерами

ответ

Смежные вопросы