Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Параметр height в ie6
цитата
19/12/08 в 19:06
 densa
Столкнулся с проблемой, уже час голову ломаю не могу найти решение.

Есть стиль
Код:
#myline{
   width: 970px;
   height: 9px;
   background-image: url(line.gif);
   margin: 0 auto;
}


в хтмле
Код:
<div id="myline"></div>


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

подскажите как обойти эту фигню
цитата
19/12/08 в 19:20
 Mika
попробуй font-size: 1px; добавить
цитата
19/12/08 в 19:24
 densa
здесь это поможет, но дальше у меня тоже похожая конструкция есть и там фокус со вставкой текста не пройдет
цитата
19/12/08 в 20:13
 Sterx
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;
цитата
19/12/08 в 20:34
 densa
т.е. вот так?

Код:
#myline{
   width: 970px;
   height: 9px;
   _height: 10px;
   background-image: url(line.gif);
   margin: 0 auto;
}
цитата
19/12/08 в 20:36
 Sterx
densa писал:
т.е. вот так?

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

да
цитата
19/12/08 в 20:39
 densa
не помогает icon_sad.gif
цитата
19/12/08 в 20:42
 Sterx
ну ты догадался в _height: 10px;
поменять на 20px или сколько надо для ишака?
цитата
19/12/08 в 20:45
 Sterx
все прекрасно работает, только что скопил код, думал уж догадаешься у _height цифирку поменять
цитата
19/12/08 в 20:45
 densa
нужно что бы высота блока во всех браузерах была = 9 пикселам
цитата
19/12/08 в 20:48
 Sterx
интересная постановка задачи.
цитата
19/12/08 в 21:00
 densa
здесь высотой понятно, основная трабла у меня в форме

Код:
#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 ишаке
цитата
19/12/08 в 22:44
 pinnokio
в серчь боксе укротить высоту не можешь?
а страничкой целиком поделишься?

ЗЫ просмотри все 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 раз
цитата
20/12/08 в 11:35
 Skat
мне кажется проблема с margin'ами, попробуй убрать все margin-top и margin-bottom в этом куске кода, если выравнилось то оно, и замени на padding
цитата
20/12/08 в 14:19
 pierx
Многое еще от <!DOCTYPE зависит - только строгие типы все браузеры более-менее одинаково отрабатывают, особенно это маргинов касается.
Можно поиграть стилем display - но тяжело чтото конкретное посоветовать, не видя целиком кода.
цитата
16/01/09 в 13:00
 hardy
Поставьте overflow:hidden; и все будет ок ;)

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


Эта страница в полной версии