TonKhaO Posted September 24, 2009 Report Share Posted September 24, 2009 Народ обьясните почему инпуты находятся на разной высоте в разных броузерах не понимаю www.homeoclass.ru Quote Link to comment Share on other sites More sharing options...
0 3ABAPKA Posted September 24, 2009 Report Share Posted September 24, 2009 Скорее всего, потому что браузеры по разному считают позицию... Quote Link to comment Share on other sites More sharing options...
0 s0rr0w Posted September 24, 2009 Report Share Posted September 24, 2009 Код для изучения<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><html><head> <title></title> <style type="text/css"> .div1 { float: left; height: 20px; background: #ccc; } .input1 { height: 20px; padding: 0px; margin: 0px; border: none; background: #fc3; vertical-align: top; } </style></head><body> <div class="div1">20px height </div> <div><input type="text" class="input1"></div></body></html> Quote Link to comment Share on other sites More sharing options...
0 mini Posted September 24, 2009 Report Share Posted September 24, 2009 инпут в спан или в ДИВ заворачиваеш, и спану(ДИВУ) вешаешь БГ целиком вмести с закругленем, не не надо так жестоко извращатся , это же поле не тянется по ширине и зачем там png? gif или jpg что не подходит? Quote Link to comment Share on other sites More sharing options...
0 TonKhaO Posted September 25, 2009 Author Report Share Posted September 25, 2009 Код для изучения<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><html><head> <title></title> <style type="text/css"> .div1 { float: left; height: 20px; background: #ccc; } .input1 { height: 20px; padding: 0px; margin: 0px; border: none; background: #fc3; vertical-align: top; } </style></head><body> <div class="div1">20px height </div> <div><input type="text" class="input1"></div></body></html>немного не понял юмора, помоему ставить у инпуто height смертный грех Quote Link to comment Share on other sites More sharing options...
0 Justnewone Posted September 25, 2009 Report Share Posted September 25, 2009 Вертикальное выравнивание.По умолчанию в браузерах разные значения. Quote Link to comment Share on other sites More sharing options...
0 TonKhaO Posted September 25, 2009 Author Report Share Posted September 25, 2009 Вертикальное выравнивание.По умолчанию в браузерах разные значения.ну и что делать то, ие 6 ваще не понимает vertical-align )_)) Quote Link to comment Share on other sites More sharing options...
0 Justnewone Posted September 25, 2009 Report Share Posted September 25, 2009 ну и что делать то, ие 6 ваще не понимает vertical-align )_))все понимает.сделать всем браузером одинаковое вертикальное выравнивание. Quote Link to comment Share on other sites More sharing options...
0 TonKhaO Posted September 25, 2009 Author Report Share Posted September 25, 2009 все понимает.сделать всем браузером одинаковое вертикальное выравнивание.подождите плз, после виски голова уже не очень соображается, обьясните что значит одинаковое верт выравнивание, у меня код одинаков ведь, я просто не понимаю. где разница в рендеринге ИЕ и остальных броузов? Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted September 25, 2009 Report Share Posted September 25, 2009 подождите плз, после виски голова уже не очень соображается, обьясните что значит одинаковое верт выравнивание, у меня код одинаков ведь, я просто не понимаю. где разница в рендеринге ИЕ и остальных броузов? Надо подогнать вид импута под все браузеры, вот в ИЕ например это валидно можно сделать через условные комментарии и т. д. Quote Link to comment Share on other sites More sharing options...
0 TonKhaO Posted September 25, 2009 Author Report Share Posted September 25, 2009 (edited) Надо подогнать вид импута под все браузеры, вот в ИЕ например это валидно можно сделать через условные комментарии и т. д.сделать position: absolute ? для инпута и сдвинуть его?PS: кстати опера и мозилла и ие, вочем они все по разному рендерят, получается 3 разные ситуации :-( Edited September 25, 2009 by TonKhaO Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted September 25, 2009 Report Share Posted September 25, 2009 (edited) сделать position: absolute ? для инпута и сдвинуть его?Нет конечно, как правило, в этом деле могут помочь Паддинг-топ или марджин-топPS: кстати опера и мозилла и ие, вочем они все по разному рендерят, получается 3 разные ситуации :-(Дай мне отдельный пример, я тебе покажу примерно, как нужно делать, что-бы было одинаковое отображение во всех браузерах Edited September 25, 2009 by psywalker Quote Link to comment Share on other sites More sharing options...
0 TonKhaO Posted September 25, 2009 Author Report Share Posted September 25, 2009 Нет конечно, как правило, в этом деле могут помочь Паддинг-топ или марджин-топДай мне отдельный пример, я тебе покажу примерно, как нужно делать, что-бы было одинаковое отображение во всех браузераха тот сайт который я привел раве не подходит? Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted September 25, 2009 Report Share Posted September 25, 2009 а тот сайт который я привел раве не подходит?Нет, мне в лом выцеплять код, давай какую нибудь отдельную ситуацию, где тока задача наша и всё Quote Link to comment Share on other sites More sharing options...
0 TonKhaO Posted September 25, 2009 Author Report Share Posted September 25, 2009 Нет, мне в лом выцеплять код, давай какую нибудь отдельную ситуацию, где тока задача наша и всёок, домой приду, на трезвую голову все скину ))) Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted September 25, 2009 Report Share Posted September 25, 2009 ок, домой приду, на трезвую голову все скину )))Не вопрос Quote Link to comment Share on other sites More sharing options...
Question
TonKhaO
Народ обьясните почему инпуты находятся на разной высоте в разных броузерах
не понимаю www.homeoclass.ru
Link to comment
Share on other sites
15 answers to this question
Recommended Posts
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.