Кросс-браузерная страница - PullRequest
1 голос
/ 27 декабря 2010

У меня есть мой код http://snipt.org/umnnh/ там. Со всеми моими браузерами он отлично работает, кроме Mozilla Firefox. С Mozilla Firefox это испортится (текстовое поле будет слишком широким и слишком высоким). Есть ли это легко исправить? Я почти не понимаю, что не так.

Ответы [ 2 ]

1 голос
/ 27 декабря 2010

Ваше изображение находится за пределами таблицы с полями входа, поэтому они попадают в разные места.Попробуйте поместить изображение в качестве фона тега таблицы:

<table style="background-image:url('http://www.trinuxsoft.info/os/images/loginform.png')" width="300" border="0" align="center" cellpadding="0" cellspacing="1">

Или вы можете использовать div с изображением в качестве фонового изображения и таблицы внутри.

Я предлагаю вам Firebug Firefoxплагин, это здорово, когда вы хотите понять, что происходит не так.

0 голосов
/ 27 декабря 2010

Вы не используете тег <!DOCTYPE>, поэтому я предполагаю, что ваш набор инструментов не содержит валидатор HTML.Если вы добавите DOCTYPE (например, 4.0 переходный) и подтвердите код , вы увидите, что есть некоторые ошибки.Основная проблема с недействительным HTML заключается в том, что вы угадываете браузер.В то время как правильный рендеринг в основном одинаков во всех браузерах (по крайней мере, теоретически), режим причуд является непредсказуемой коллекцией трюков для каждого браузера.

Стоит также отметить, что использование атрибутов width в ячейках таблицы не являетсяхороший способ получить макет.Это ненадежно, потому что HTML диктует некоторые сложные правила для отображения таблиц, и ваши пользовательские размеры, скорее всего, будут игнорироваться.Вы должны либо позволить браузеру выбрать все размеры, либо переключиться на макеты CSS.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...