Высота вложенных блоков

**Рёга** · 02.04.2007, 21:50

Есть стиль:

#a {width: 800px; height: auto;}
#b {width: 100%; height: auto;}
#c {width: 200px; height: auto;}
#d {width: 600px; height: auto;}
#e {width: 100%; height: 50px;}

К этому стилю код:

<div id='a'>

<div id='b'>
<div id='c'>

</div>
<div id='d'>

текст</p>
</div>
</div>

<div id='e'></div>

</div>

По идее блок "Е" должен быть в самом низу страницы но он почему то находиться под блоком "С" перекрытый блоком "D". Эта проблема возникла с обозревателем FF в IE и Opera блоки расположены правильно. Что я упустил ? Пятый день голову ломаю :[

**agat** · 02.04.2007, 22:24

Выложите полный код страницы(с DOCTYPE) и попробуйте наполнить чем нибудь пустые блоки.

**Рёга** · 02.04.2007, 22:53

В DOCTYPE сделана ошибка в ссылке за место http написано ХТТП (ограничения форума).

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'ХТТП://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>

<html>
<head>
<title>test</title>
<style type='text/css'>
* {
margin: 0px;
padding: 0px;
}
body {
text-align: center;
background-color: #EEE8AA;
}
#a {
width: 800px;
margin: 0px auto;
height: auto;
background-color: yellow;
text-align: left;
}
#h {
width: 100%;

background-color: white;
}
#i {
float: right;
width: 600px;
height: 100%;
background-color: fuchsia;
}
#j {
float: left;
width: 200px;
height: 100%;
background-color: aqua;
}
#k {
width: 100%;
height: 100px;
background-color: #FFA07A;
}
</style>
</head>

<body>

<div id='a'>

<div id='h'>
<div id='i'>
<h1>test</h1>
<h1>test</h1>
<h1>test</h1>
<h1>test</h1>
<h1>test</h1>
<h1>test</h1>
</div>
<div id='j'>
<h1>test</h1>
</div>
</div>

<div id='k'>
<h1>test</h1>
</div>

</div>

</body>
</html>

Если взять табличный вариант то :
<table>
<tr><td>#1</td><td>#2</td></tr>
<tr><td colspan='2'>#3</td></tr>
</table>

Смысл в том что какой бы высоты небыла ячейка #1 или #2, ячейка #3 всегда будет внизу под ячейками #1 и #2.

**Pupil** · 02.04.2007, 23:14

Код:

#k {
width: 100%;
height: 100px;
background-color: #FFA07A;
clear:both;
}

**Рёга** · 02.04.2007, 23:28

Спасибо за помощь.
Снова проштудирую Эрика Мейера )

Тема: Высота вложенных блоков

Опции темы

Поиск по теме

Отображение

Похожие темы

Страница из 3х блоков

проваливание блоков в ИЕ

Линия из 3х блоков

Сворачивание блоков таблицы.

CSS дизайн. Чентральное расположение блоков.

Ваши права