HTML
Код:
<body>
<div class="main">
* *<div class="left">
* * * *
* * * *
* * * *
* *</div>
* *<div class="right">
* * * *<div class="messages">
* * * * * *
* * * * * *
* * * * * *
* * * * * *
* * * * * *
* * * * * *
* * * * * *
* * * *</div>
* * </div>
</div>
</body>
CSS
Код:
*{
padding: 0;
margin: 0;
}
html
{
height: 100%;
}
body
{
height: auto !important;
height: 100%;
min-height: 100%;
position: relative;
}
.header
{
background-color:#66CC99;
width: 100%;
}
.main
{
position:relative;
}
.left
{
float: left;
position:relative;
width: 200px;
}
.read
{
width: 200px;
background-color:#FF9900;
}
.write
{
width: 200px;
background-color:#66CC00;
}
.menu
{
width: 200px;
background-color:#669900;
}
.right
{
float:inherit;
}
.messages
{
height:auto;
margin-left:200px;
background-color:#FFFF00;
}
.letter
{
* margin:0px;
* padding:0px;
}
.footer
{
position: absolute;
width:100%;
background-color:#FFCC66;
left: 0;
bottom: 0;
}
Короче в Мозилле и Опере всё шикарно!
В ИЕ косяк ...
Вот скрин как должно быть и как отображается в мозилле и опере
[attachment=7510:attachment]
А вот скрин как в ИЕ
На котором видно что из неоткуда берутся 3 пикселя... напротив меню перед словами "письмо"
[attachment=7511:attachment]
Помогите плиз!