-
Есть стиль:
#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 блоки расположены правильно. Что я упустил ? Пятый день голову ломаю :[
-
Выложите полный код страницы(с DOCTYPE) и попробуйте наполнить чем нибудь пустые блоки.
-
В 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.
-
Код:
#k {
width: 100%;
height: 100px;
background-color: #FFA07A;
clear:both;
}
-
Спасибо за помощь.
Снова проштудирую Эрика Мейера )
