Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: rubanok от 14 Сентября 2006, 14:49:09

Название: Верстка дивами
Отправлено: rubanok от 14 Сентября 2006, 14:49:09

Пожалуйста посмотрите код, сейчас присутствует два бага при сжатии окна до появления горизонтального скролла
1. гориз. скрол перекрывает Bottom
2. при сдвиге гориз. скролла у Top и Bottom справа появляются пробелы

Код: [Выделить]

2

1

TOP

Bottom

Код: [Выделить]


html,body {
height:100%;
}
body {
padding:0;
  margin:0;
background-color:#fff;
}
#body {
height:100%;
min-height:100%;
margin:0 0 -40px 0;
}
#top {
height:60px;
width:100%;
max-width:100%;
position:absolute;
top:0;left:0;
background-color:#47C3FC;
}
#content {
float:right;
width:100%;
margin:60px 0 0 -200px;
background-color:#E3E3E3;
}
#left{
float:left;
width:200px;
margin:60px 0 0 0;
background-color:#FDE202;
}
#bottom {
height:40px;
width:100%;
background-color:#47FC72;
}