Здравствуйте. Как сделать что бы при уменьшении окна не перемешивалось содержимое сайта. Вот пример http://wandering.lhosting.info/, если уменьшить окно то всё летает, а я хочу что бы при уменьшении всё было на своих местах и появлялись полосы прокрутки. Спасибо.
| Код |
/*---------------------------------------------------------------Контент*/
#content {
position:absolute;
top:30%;
width:100%;
height:80%;
}
/*---------------------------------------------------------------Левый контейнер*/
#content #left_menu {
float:left;
width:15%;
height:100%;
border:0px solid gray;
padding:10px 5px;
text-align:center;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/yellow.png');
}HTML>BODY #content #left_menu{width:13.9%;height:95.8%;}
#content #left_menu #nav_left {
width:100%;
text-align:left;
margin-bottom:20px;
}
/*---------------------------------------------------------------Центральный контейнер*/
#content #center {
position:relative;
float:left;
left:1%;
width:65%;
height:100%;
padding:10px;
border:0px solid gray;
text-align:left;
overflow:auto;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/white.png');
}HTML>BODY #content #center{height:95.8%;}
|
| Код |
%%HEADER%%
<script type='text/javascript' src='%%URL%%js/stuHover.js'></script>
<div id='main_body'>
<center id='top'>
%%TOP_MENU%%
</center>
<div id='content'>
<div id="left_menu">
%%LEFT_MENU%%
</div>
<div id="center">
%%CENTER%%
</div>
<center id='bottom'>
%%BOTTOM_MENU%%
</center>
</div>
%%FOOTER%%
|
|