Jump to content
  • 0

padding-top и EXPLORER

kavadims

Asked by kavadims,

 Share

Question

kavadims Explorer

kavadims

Posted
Posted

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

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

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

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

Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0
kavadims Explorer

kavadims

Posted
  • Author
Posted (edited)

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

<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 by kavadims
Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted

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

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

Link to comment
Share on other sites
  • 0
kavadims Explorer

kavadims

Posted
  • Author
Posted
  Vindex10 said:
_margin-top:xxxpx;

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

Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted

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

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

Link to comment
Share on other sites
  • 0
kavadims Explorer

kavadims

Posted
  • Author
Posted

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

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

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

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

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

Link to comment
Share on other sites
  • 0
kavadims Explorer

kavadims

Posted
  • Author
Posted (edited)

Как отдельно для 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 by kavadims
Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted

Заменить 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">.

Link to comment
Share on other sites
  • 0
kavadims Explorer

kavadims

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

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

Link to comment
Share on other sites
  • 0
Vlad Explorer

Vlad

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

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

Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

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

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept