В IE 6 заежает подвал на меню по сторонам
http://5.kilssbosses.myjino.ru/
| HTML | <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>3 Колонки</title>
<link href="css/common.css" rel="stylesheet" type="text/css">
<!--[if IE]>
<link href="css/ie.css" rel="stylesheet" type="text/css">
<![endif]-->
</head>
<body>
<div id="container">
<div id="main">
<div id="all">
<div id="left">left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>leftv</div>
<div id="right">right</div>
<div id="center">center center center center center center center center center center center center center center center center center center center center center center center center center center center vcenter center center center center</div>
</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
|
Для всех браузеров
| Код | html, body, #container{
height:100%;
}
html{
background:#fff;
color:#333;
}
*{
margin:0;
padding:0;
}
#container{
min-width:800px;
max-width:1000px;
margin:auto;
}
#main{
min-height:100%;
margin:0 0 -100px;
background:#ccf;
}
#all{
overflow:hidden;
padding:0 0 100px;
}
#left{
float:left;
width:200px;
}
#right{
float:right;
width:200px;
}
#center{
margin:0 200px;
}
#footer{
height:100px;
background:#cfc;
} |
Стили для IE 6
| Код | *html #main{
height:100%;
}
*html #container{
width:expression{
(document.documentElement.clientWidth || document.body.clientWidth) < 800? '800px': (document.documentElement.clientWidth || document.body.clientWidth) > 1000? '1000px': 'auto' );
}
*html #all{
width:100%;
}
|
|