min-width в ie6

D5
На сайте с 01.08.2007
Offline
24
873

Нужно реализовать в ie6 min-width. Макет должен растягиваться на 100%, минимальная ширина 1200px т.к. это ширина шапки.

html код:

<div id="top">

<div class="topLeft">

</div>

<div class="topRight">

</div>

</div>

css:

#top {

height: 194px;

min-width: 1200px;

background: url(images/test_02.gif) repeat-x;

}

.topLeft{

background: url(images/test_01.gif) no-repeat left;

width: 640px;

height: 194px;

float: left;

}

.topRight {

background: url(images/test_03.gif) no-repeat right;

width: 500px;

height: 194px;

float: right;

}

В Опере, Firefox и в ie7 и в ie6 все работает нормально. Но при рзрешении < 1200px(ширина) в ие6 блок topRight располоагается под блоком topLeft т.к. ie6 не понимает min-width. Может кто-нибудь сталкивлся с такой проблемой? Нужно сделать без таблиц.

Верстка макетов HTML+CSS (http://portfoliocoder.com/)
AN
На сайте с 14.03.2007
Offline
47
#1
Верстка. Портфолио (http://webvector.ru/)
S
На сайте с 23.10.2005
Offline
158
#2

css:

#top {

height: 194px;

min-width: 1200px;

background: url(images/test_02.gif) repeat-x;

}

* html #top {

height: 194px;

width: 1200px;

background: url(images/test_02.gif) repeat-x;

}

.topLeft{

background: url(images/test_01.gif) no-repeat left;

width: 640px;

height: 194px;

float: left;

}

.topRight {

background: url(images/test_03.gif) no-repeat right;

width: 500px;

height: 194px;

float: right;

}

AN
На сайте с 14.03.2007
Offline
47
#3

* html #top {

height: 194px;
width: 1200px;
background: url(images/test_02.gif) repeat-x;
}

Не пойдет, если разрешение больше 1200, в ие ширина будет 1200, а не 100%.

Сам я использую:


*html #top{
width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1200)? "1200px" : "auto");
}
Varkolak
На сайте с 03.06.2005
Offline
174
#4

Вот тут тоже есть, возможно то же самое что и у ASA_NN (не смотрел)

http://xhtml.ru/2005/06/11/max-width/

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
D5
На сайте с 01.08.2007
Offline
24
#5

Спасибо за советы.

Вот это

*html #top{

width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1200)? "1200px" : "auto");

}

очень помогло

XP
На сайте с 22.08.2007
Offline
0
#6

Простите если не совсем по теме, но я не очень разбираюсь 🙄. Не могу вспомнить один пароль. В mozille есть опция, где указаны все введённые пароли на компе, а в ie6 такое имеется??? Помогите пожалуйста.

Спасибо.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий