Проблем с рамка за целия сайт (като в WT)

A

adrian

Registered
Използвах урока на mute за подреждане на сайта с CSS.
Но след като сложа рамка на div-а, който съдържа целия сайт, рамката се вижда под ИЕ нормално, но под ФФ е само около хедъра.

Ето CSS кода:

body {
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
}
div.site {
border: 1px solid black;
margin-left: auto;
margin-right: auto;
width: 960px;
}
div.header {
width: 960px;
height: 120px;
background: #0000FF;
}
div.left {
width: 189px;
float: left;
background: #FF0000;
}
div.center {
width: 580px;
float: left;
background: #339900;
}
div.right{
width: 189px;
float: right;
background: #FFFF00;
}

Ето и html кода:

<body>
<div class="site">
<div class="header">
Header
</div>

<div class="left">
left
</div>

<div class="center">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>

<div class="right">
right
</div>
</div>
</body>

Ето и какво се получава с Interner Explorer и Firefox

Какво ли не пробвах, но рамката в лисицата седи само около хедъра.
Дайте предложения как да се оправи плсс :)
 
Питам за рамката как да стане така :) Иначе за таблицата знам, но не искам да ползвам. Ако никой не успее да го направи тогава ще ползвам таблица :)
 
Я напиши <br style="clear:both;" /> преди да затвориш последния див и ми кажи какъв е резултата.
 
И още 1 съвет, гледам че в текущият момент, нямаш футър към лейаута.
Ако прибегнеш към написането му, то в CSS стила добави на него, clear:both; и <br style... /> можеш да го замениш с дива за футъра.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе