Html wygląda tak:
CODE
<div class="panel"></div>
<div class="mid"></div>
<div class="mid"></div>
a cssy
CODE
body{
margin:0;
padding:0;
overflow: hidden;
width:100%;
height:100%
}
.panel{
padding-bottom:2px;
width: 100%;
display: block;
float:left
}
.mid{ float: left;margin:0;padding:0;}
margin:0;
padding:0;
overflow: hidden;
width:100%;
height:100%
}
.panel{
padding-bottom:2px;
width: 100%;
display: block;
float:left
}
.mid{ float: left;margin:0;padding:0;}
div.mid jest głównym kontenerem, którego rozmiar poprawnie ustwia js( div jest równy wielkości okna).
Scroll pojawia się wyłącznie pod IE. Zmniejszenie div.panel width na 99% usuwa scroll, ale jednocześnie tworzy duży odstęp od prawej krawędzi okna dla górnego panelu. Jak można to poprawić/przepisać, aby dostać dokument równy oknu przeglądarki, bez żadnego scrolla.