padding-top и EXPLORER

kavadims · December 16, 2008

Правил шаблон и все не могу сделать что бы Explorer нормально его отображал...

нужно отступ от верхушки... пишу -

<div style="padding-right:15px; padding-top: 45px;"> ****** </div>

padding-top работает во сех других браузерах , кроме Explorer ... как можно по другому отступ сделать??? (только не </br>)

rash · December 16, 2008

Маловато данных.

border у блока задан?

kavadims · December 16, 2008

нет... мне нужен просто отступ... вот по больше кода-

<p align="right" style="margin-right:15px; margin-top:28px; _margin-top:40px;">

<form method="post" onsubmit="java script:showBusyLayer()">
<span style="padding-right:10px;"></br></br>
<a href="/index.php?do=register">Регистрация!</a> <a href="/index.php?do=lostpassword"> Забыли пароль?</a>  

<font color="#8a8989"><b>Логин:</b></font> 
<input type="text" name="login_name" style="width:103px; height:17px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0">
 <font color="#8a8989"><b>Пароль:</b></font> <input type="password" name="login_password" style="width:103px; height:17px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 ">
<input onclick="submit();" name="submit" style="width:70px; height:20px; align:center;" type="submit" class="button" value="Войти" /><input name="login" type="hidden" id="login" value="submit">
</span></form></p>

Edited December 17, 2008 by kavadims

SelenIT · December 16, 2008

padding, насколько я в курсе, от бордера не зависит (в отличие от margin-а).

kavadims, у вас проблема в PHP или в результирующем HTML? Дайте тот код, который криво отображается, без всего лишнего. Исполнять в уме PHP-код (к тому же обрывочный, к тому же не зная настроек сервера и т.п.) никто не будет. Да и сами приучайтесь локализовывать и ограничивать место ошибки, это сэкономит прорву времени при отладке в дальнейшем.

rash · December 16, 2008

padding, насколько я в курсе, от бордера не зависит (в отличие от margin-а).

Гм, да. Невнимательность... :-(

kavadims · December 16, 2008

Все нормально работает, НО в Explorer'на строку выше отображается....

Как сделать отдельно для explorer отдельный margin-top ???

Victor Ananiev · December 16, 2008

_margin-top:xxxpx;

kavadims · December 16, 2008

_margin-top:xxxpx;

так, как для Explorer'а сделать??? В других браузерах все ОК ... margin-top указан, но в Explorer'е нужно больше, так как отступ с верха меньше чем в других браузерах!

SelenIT · December 16, 2008

kavadims, ответили же - написать margin-top еще раз, только с другим значением (сколько надо для IE6) и подчеркиванием впереди. Это сработает только в IE6, другие браузеры проигнорируют (простейший хак для него, хотя и невалидный).

И, кстати, с чем все-таки проблема - с margin-ом или padding-ом? Пора бы определиться уже. Может, все-таки покажете минимальный проблемный HTML-код (не PHP-исходник, а то что показывает View source в браузере)?

kavadims · December 16, 2008

спасибо... теперь все ОК!

только одного не понимаю! - почему margin-top отображается в каждом браузере по разному!? (в одном чуть выше, в другом чуть ниже!)

И, кстати, с чем все-таки проблема - с margin-ом или padding-ом?

с padding-ом были... на него браузер вообще не реагировал и я воспользовался margin-ом !

Спасибо всем!

kavadims · December 17, 2008

Как отдельно для Mozilla Firefox прописать margin-top?

а то очень интересное получается- придобавление

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

в Firefox'е форма авторизации становится выше ...

вот код-

<p align="right" style="margin-right:15px; margin-top:28px; _margin-top:40px;">

<form method="post" onsubmit="java script:showBusyLayer()">
<span style="padding-right:10px;"></br></br>
<a href="/index.php?do=register">Регистрация!</a> <a href="/index.php?do=lostpassword"> Забыли пароль?</a>  

<font color="#8a8989"><b>Логин:</b></font> 
<input type="text" name="login_name" style="width:103px; height:17px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0">
 <font color="#8a8989"><b>Пароль:</b></font> <input type="password" name="login_password" style="width:103px; height:17px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 ">
<input onclick="submit();" name="submit" style="width:70px; height:20px; align:center;" type="submit" class="button" value="Войти" /><input name="login" type="hidden" id="login" value="submit">
</span></form></p>

Edited December 17, 2008 by kavadims

SelenIT · December 17, 2008

Заменить p на div. В p нельзя вкладывать блочные элементы, поэтому он неявно закрывается перед form.

И вообще, XHTML-доктайп с таким кодом (</br>, onsubmit="javаscript:...", куча инлайновых стилей и т.п.) концептуально несовместим . Для начала сделайте код валидным под <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">.

kavadims · December 17, 2008

И вообще, XHTML-доктайп с таким кодом (</br>, onsubmit="javаscript:...", куча инлайновых стилей и т.п.) концептуально несовместим . Для начала сделайте код валидным под <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">.

Можно по подробнее... пожалуйста...

Vlad · December 18, 2008

только одного не понимаю! - почему margin-top отображается в каждом браузере по разному!? (в одном чуть выше, в другом чуть ниже!)

Есть такое понятие как "склеивающиеся отступы". Если для слоя 1 отступ снизу 20px, а для нижележащего слоя 2 отступ сверху 20px, то в сумме получится не 40px, как следует из математики, а 20px. Ибо отступы склеиваются. Но браузеры этот механизм по своему интерпретируют. Вот и получается, в одном браузере отступ 20, в другом 40.

SelenIT · December 18, 2008

Можно по подробнее...

Дело в том, что XHTML - не просто HTML с доп. слешами в некоторых тегах, это особый язык со своими очень жесткими правилами. Первое правило - любая XHTML-страница должна быть синтаксически правильным XML-документом, иначе браузер имеет право вообще ее не отображать (это легко проверить, сохранив файл с расширением .xhtml и попробовать открыть Firefox-ом с локального диска). Эти ограничения синтаксиса обязательно нужно соблюдать (раз уж в доктайпе заявляете), и делать это есть смысл лишь при реальной потребности в тех плюсах, которые дает XML (например, возможность внедрения в страничку SVG-графики или мат. формул в MathML). И в любом случае использование XHTML предполагает, что автор знает, что делает, и в курсе, что означает каждый символ в его разметке (в частности, слеш в <br/>) как для новых парсеров, так и для старых.

Для большинства обычных страниц преимущества XML неактуальны, а драконовский контроль ошибок скорее минус, чем плюс. Соответственно, и XML-ные ограничения можно не соблюдать. Но код все равно должен быть (по возможности) валидным - как HTML 4.01.

Sign In

padding-top и EXPLORER

Question

Link to comment

Share on other sites

14 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information