Параметр height в ie6

Столкнулся с проблемой, уже час голову ломаю не могу найти решение.

Есть стиль

Код:

#myline{    width: 970px;    height: 9px;    background-image: url(line.gif);    margin: 0 auto; }

в хтмле

Код:

<div id="myline"></div>

в ФФ и IE7 высота блока как надо = 9 пикселям, а вот в 6 ишаке параметр height напрочь игнорируется и высота блока получается совсем не такая какая нужна

подскажите как обойти эту фигню

попробуй font-size: 1px; добавить

здесь это поможет, но дальше у меня тоже похожая конструкция есть и там фокус со вставкой текста не пройдет

densa писал:

Столкнулся с проблемой, уже час голову ломаю не могу найти решение. Есть стиль Код: #myline{    width: 970px;    height: 9px;    background-image: url(line.gif);    margin: 0 auto; } в хтмле Код: <div id="myline"></div> в ФФ и IE7 высота блока как надо = 9 пикселям, а вот в 6 ишаке параметр height напрочь игнорируется и высота блока получается совсем не такая какая нужна подскажите как обойти эту фигню

вот так пиши для всех: height: 9px;
а так для ишака: _height: 10px;

т.е. вот так?

Код:

#myline{    width: 970px;    height: 9px;    _height: 10px;    background-image: url(line.gif);    margin: 0 auto; }

densa писал:

т.е. вот так? Код: #myline{    width: 970px;    height: 9px;    _height: 10px;    background-image: url(line.gif);    margin: 0 auto; }

да

не помогает

ну ты догадался в _height: 10px;
поменять на 20px или сколько надо для ишака?

все прекрасно работает, только что скопил код, думал уж догадаешься у _height цифирку поменять

нужно что бы высота блока во всех браузерах была = 9 пикселам

интересная постановка задачи.

здесь высотой понятно, основная трабла у меня в форме

Код:

#search_box {    margin: 2px 0 0 130px;    width: 300px;    height: 22px;    _height: 15px;    background: url(search-pole.jpg);    float: left;    background-repeat: no-repeat; } #search_box #s { float: left; padding: 0; margin: 3px 2px 0 6px; border: 0; width: 225px; background: none; } #search_box #go { padding-left: 6px; }

Код:

<div id="search_box">    <form id="search_form" method="post" action="/">    <input type="text" class="swap_value" id="s" value="For Example: Lesbians" />    <input type="image" src="images/search.gif" width="57" height="22" id="go"  alt="Search" title="Search" />       </form>     </div>

вот здесь высота не слушается, ровно в 2 раза делается, я сделал что бы бекграунд не повторялся, но пустое место всеравно не красиво.
Трабла только в 6 ишаке

в серчь боксе укротить высоту не можешь?
а страничкой целиком поделишься?

ЗЫ просмотри все margin и padding.
здесь какие парамметры?

Код:

<input type="text" class="swap_value"

а этому также, думаю, стоит обнулить отступы. Удобнее классом оформить

Код:

<input type="image" src="images/search.gif" width="57" height="22" id="go"  alt="Search" title="Search" />

Если чего, стучись. 82749927

Последний раз редактировалось: pinnokio (20/12/08 в 13:08), всего редактировалось 1 раз

мне кажется проблема с margin'ами, попробуй убрать все margin-top и margin-bottom в этом куске кода, если выравнилось то оно, и замени на padding

Многое еще от <!DOCTYPE зависит - только строгие типы все браузеры более-менее одинаково отрабатывают, особенно это маргинов касается.
Можно поиграть стилем display - но тяжело чтото конкретное посоветовать, не видя целиком кода.

Поставьте overflow:hidden; и все будет ок ;)

ПС: в ие игнорируется height, меньший чем высота строки. Так как по дефолту выоста строки 16 пикселей, то height:15px и меньше работать не будет без overflow:hidden;