Rigo
-
Posts
5 -
Joined
-
Last visited
Rigo's Achievements
Explorer (1/14)
0
Reputation
-
Проблема в том, что родительский div (class="content") не расстягивается по высоте, соответсвтенно цвет его фона тоже. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Контент</title> <link rel="stylesheet" type="text/css" href="../css/style.css" /> </head> <body> <div class="content"> <div class="blockbox"> <div class="block16"> Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент </div> </div> </div> </body> </html> body { margin: 0px; padding: 0px; } .content { background-color: #c0c0c0; min-width: 960px; } .blockbox { width: 960px; padding: 0px; margin-left: auto; margin-right: auto; } .block16 { width: 940px; float: left; padding: 0px 10px; }
-
Хорошо, спасибо, попробую поэксперементировать с абсолютным позиционированием.
-
По поводу скрола - прошу извинить, не правильно изложил свою мысль. Скрол может быть применен к диву, но не к боди, т.е. два слоя, их граница и отступ между ними в сумме дают 100% высоты окна браузера. В вашем примере отсчет процентов идет все таки от конкретно заданной величины в пикселях. А хотелось бы в % от размера окна.
-
overflow:auto; Блок должен сохранять высоту, не зависимо от количества контента. Если контента больше, чем размер блока - в блоке должен появиться скрол.
-
Высота слоя в процентах, заданная с помощью стилей просчитывается в разных браузерах по разному. Каким образом можно сделать два блока (один под другим) высотой 40% и 60% (плюс, минус 2 процента для стыка), без образования скрола в браузере и пустого пространства.