Проблема с минимальной шириной слоя в IE 6

zetaap · February 14, 2008

Здравствуйте , подскажите пожалуйста почему при сужении окна ИЕ 6 именно центральная колонка (слой content) и верхняя планка (слой panelm) сужаются до минимум хотя стоят ограничения для ИЕ 6 :

width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 660? "660px": "auto"); - для panelm

и

width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 460? "460px": "auto"); - для content

Вот код

<body>
<div id="top">
<div id="panelm"><div id="panel"><div id="panel2"></div>
</div></div>
<div id="logo"><div align="center"><img src="images/logo.gif" width="328" height="105"/></div>
</div>
<div id="boy"><img src="images/boy.gif" width="244" height="280" /></div>
</div>
<div id="bgleftcol"><div id="leftcol"><div id="leftcolbor"><div id="leftcolbor2"><div id="leftcolbor3">левая колонка
</div></div></div></div></div>
<div id="container"> 
<div id="bgrightcol"><div id="rightcol"><div id="rightcolbor"><div id="rightcolbor2"><div id="rightcolbor3">
правая колонка
</div></div></div></div></div>
<div id="content"><div id="leftcenter"><div id="centercolbor2"><div id="rightcenter"><div id="centercolbor"><div id="centercolbor3"><div id="centercolbor4">
<div id="contenttext">
  <p>основной текст</p>
</div></div></div></div></div></div></div>
</div></div>
<div id="bottom">низ</div>
</body>

/* CSS style */
body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#container {
margin-left: 210px;
border-right: 200px;
min-width: 740px;
width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 740? "740px": "auto");
}
/* Шапка */
#top {
background-image:url(images/bg1.jpg);
background-repeat:no-repeat;
background-position:left top;
pading: 15px 0px 15px 10px;
font-size: 16px;
color:#000000;
height: 387px;
min-width: 740px;
width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 740? "740px": "auto");
}
#panelm {
margin-left: 145px;
margin-right: 145px;
background-image:url(images/panelbg.jpg);
min-width: 660px;
width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 660? "660px": "auto");
}
#panel {
background: url(images/panelleft.jpg) left top no-repeat;
}
#panel2 {
background: url(images/panelright.jpg) right top no-repeat;
}
#panelm, #panel, #panel2 { height: 71px; }
#logo {
margin-left: 330px;
margin-top: 75px;
margin-bottom: 75px;
margin-right: 360px;
}
#boy {
float: right;
margin-right: 50px;
margin-top: -270px;
margin-left: 630px;
}
/* Левая колонка */
#bgleftcol, #leftcol, #leftcolbor, #leftcolbor2, #leftcolbor3 { width: 200px; float: left; }
#bgleftcol {
margin-top: -60px;
background: url(images/cborbg.jpg) repeat-x top #FFFFFF;
}
#leftcol {
background: url(images/cborl.jpg) right repeat-y;
}
#leftcolbor {
background: url(images/cborleft.jpg) left top no-repeat;
}
#leftcolbor2 {
background: url(images/cborright.jpg) right top no-repeat;
}
#leftcolbor3 {
background: url(images/cborl2.jpg) right bottom no-repeat;
}
/* Центральная колонка (контент) */
#content, #contenttext, #leftcenter, #rightcenter, #centercolbor, #centercolbor2, #centercolbor3, #centercolbor4 { height: auto;  }
#content {
margin-top: -50px;
margin-right: 210px;
background: url(images/cborbg.jpg) repeat-x top #FFFFFF;
min-width: 460px;
width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 460? "460px": "auto");
}
#contenttext {
padding-top: 30px;
padding: 15px;
}
#leftcenter {
background: url(images/cborl.jpg) right repeat-y;
}
#rightcenter {
background: url(images/cborr.jpg) left repeat-y;
}
#centercolbor {
background: url(images/cborleft3.jpg) left top no-repeat;
}
#centercolbor2 {
background: url(images/cborright.jpg) right top no-repeat;
}
#centercolbor3 {
background: url(images/cborl3.jpg) left bottom no-repeat;
}
#centercolbor4 {
background: url(images/cborr3.jpg) right bottom no-repeat;
}
/* Правая колонка */
#bgrightcol, #rightcol, #rightcolbor, #rightcolbor2, #rightcolbor3 { width: 200px; float: right; }
#bgrightcol {
margin-top: -60px;
background: url(images/cborbg.jpg) repeat-x top #FFFFFF;
}
#rightcol {
background: url(images/cborr.jpg) left repeat-y;
}
#rightcolbor {
background: url(images/cborleft2.jpg) left top no-repeat;
}
#rightcolbor2 {
background: url(images/cborright2.jpg) right top no-repeat;
}
#rightcolbor3 {
background: url(images/cborr2.jpg) left bottom no-repeat;
}
/* Подвал */
#bottom {
margin-top: 20px;
padding: 5px;
}

Sign In

Проблема с минимальной шириной слоя в IE 6

Question

zetaap

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information