Браузеры WebKit, представляющие CSS, отличающийся, чем Mozilla Firefox …, Почему?
Я разрабатываю форму, которая была уже повышена (внес некоторые изменения разметки), и я обычно работаю в Firefox для моделирования так, я могу использовать поджигателя и панель инструментов веб-разработчика.
На этом проекте я заметил, что мои стили отображают вполне по-другому для одной конкретной области (несколько элементов) в основанных на WebKit браузерах Chrome и Safari, чем в Firefox (мы даже не войдем в Internet Explorer, хотя это принимает сторону дисплея Firefox).
Я не могу выяснить хотя, почему стили отображаются так по-другому. Обычно существует некоторое правило, что я пропускаю тот Firefox, просто считает само собой разумеющимся, и другим нужен в указанный. Но здесь я не добираюсь, почему это отображает этот путь. В особенности я обращаюсь к нижней области формы, где пользователи могут ввести свою контактную информацию, затем отправить форму. Я присоединю снимки экрана для ссылки относительно несоответствия.
Вот URL, так не стесняйтесь проверять его самостоятельно. Хотя сообщить, что это - производственная страница (уже выпущенный) поэтому при испытании формы Вы БУДЕТЕ BE, добавленная к базе данных контакта СРЕДСТВА ИСПРАВЛЕНИЯ.
http://www.helpcurenow.org/survey2010
Вот снимки экрана:
Firefox (путь я предназначаю это для взгляда), сопроводительный текст http://static.helpcurenow.org/images/test/firefox.jpg
Chrome и затем Safari - странное изменение в сопроводительный текст http://static.helpcurenow.org/images/test/chrome.jpg сопроводительный текст http://static.helpcurenow.org/images/test/safari.jpg кнопки отправки
В качестве награды, если кто-либо хочет помочь мне с выяснением, с какой стати IE7 хочет не показать фон позади вопросов только, и как зафиксировать это, я был бы очень обязан!
Большое спасибо.
3 ответа
Ваш не закрыт, поэтому webkit помещает кнопку отправки внутри
в попытке исправить ваш код.
Вы использовали сброс браузера css . Разные браузеры имеют разные стили по умолчанию для различных элементов, сброс CSS сбрасывает все эти стили по умолчанию, так что все выглядит одинаково во всех браузерах.
Браузеры FF и Webkit имеют несколько отличий, я тоже встречал их, особенно с формами!
Я решил эту проблему, разделив свой CSS для работы с двумя браузерами с помощью сценария CSS Browser Selector . Творили чудеса, просто изменили некоторые вещи для Webkit и все исправили.
У вас есть живой пример или какой-то исходный код, который вы хотите опубликовать, чтобы мы могли помочь вам больше с вашими проблемами IE7?
Надеюсь, что это поможет.
Изменить:
<ol>
<li class="contact-info">
<label class="field-required" for="first_name">First Name</label>
<input type="text" size="35" maxlength="250" name="first_name" value="" id="first_name" />
</li>
<li class="contact-info">
<label class="field-required" for="last_name">Last Name</label>
<input type="text" size="35" maxlength="250" name="last_name" value="" id="last_name" />
</li>
<li class="contact-info">
<label class="field-required" for="email_address">Email Address</label>
<input type="text" size="35" maxlength="100" name="email_address" value="" id="email_address" />
</li>
</fieldset>
<!--TransactionFields section end-->
<script language="JavaScript" type="text/javascript">
...
</script>
<div class="button-row">
<input type="button" name="SubmitButton" id="SubmitButton" value="Submit" onclick="SubmitForm425952(form);" class='HtmlButton' />
</div>
</form>
<!--form javascript-->
<script language="JavaScript">
...
</script>
NO OL
</div></td></tr>
</table>
</div>
<!--End Featured Content-->
Ваш не был закрыт после второго тега скрипта.