| |
|
|
| | Всем привет.
Есть страница в ней есть 1 основной div в котором находятся 3 дива колонками, у всех трёх стоит float:left и width. Для body и html заданы height:100% doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
Пытаюсь поставить любому из дивов height:100% и они лезут не на всю высоту страницы, а вылазят за пределы родительского дива и создают вертикальную прокрутку, в то время когда страница почти пустая.
Как правильно сверстать эти дивы, чтобы они тянулись на всю высоту сколько можно максимум, но не вылазили за пределы и не создавали прокрутки? | |
| |
|
|
| |
|
|
| |
для: Trivium
(09.04.2011 в 06:27)
| | | почитайте про reset.css
нужно обнулить padding,margin для body/html | |
| |
|
|
| |
|
|
| |
для: AlexSol
(09.04.2011 в 07:30)
| | | Так они и так обнулены, но это ничего не даёт.... | |
| |
|
|
| |
|
|
| |
для: Trivium
(09.04.2011 в 08:21)
| | | ищите вертикальные padding-margin начиная от проблемного элемента и по цепочке вверх | |
| |
|
|
| |
|
|
| |
для: AlexSol
(09.04.2011 в 11:19)
| | | Попробовал такой код:
<!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>Test</title>
<style type="text/css">
body {
margin: 0px;
height:100%;
}
html {
height:100%;
}
#div1 {
float:left;
width: 20%;
height:100%;
background:#3366CC;
}
#div2 {
float:left;
width:60%;
height:100%;
background:#999999;
}
#div3 {
float:left;
width: 20%;
height:100%;
background:#66FF66;
}
</style></head>
<body>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</body>
</html>
|
Заработало. Но если поставить не в процентах ширину дивам, а в пикселях, то всё выравнялось по левому краю... Можно как-то по центр их выравнять? | |
| |
|
|
| |
|
|
| |
для: Trivium
(10.04.2011 в 04:46)
| | | http://softtime.ru/forum/read.php?id_forum=4&id_theme=80019&page=1 | |
| |
|
|
