Witam mam problem z rozłożenie divów na stronie
Mój problem polega na tym że div od logowania wyświetla się dopiero jak skończy się div z nogami postaci
Tak wygląda szkic:
(IMG:
http://i45.tinypic.com/280o57n.png)
Opis:
1.header po prawej stronie 2 postaci
2.menu poziome
3.obrazek łączący header postacie z (1 i 4)
4. Nogi postaci
5.logowanie
6.statystyki strony
7.statystyki forum
div 663 x74 px miejsce na reklamę
<link rel="Stylesheet" type="text/css" href="style.css"> <div id="header">#HEADER >> Postacie (1)
<div> <div id="menup">#MENU(2)
</div> <div id="hahlan">#POSTACIE(3)
</div> <div id="reklama">#REKLAMA
</div> <div id="richard">#NOGI POSTACI (4)
</div> <div id="logowanie">#LOGOWANIE(5)
</div>
CSS:
* {
margin: 0px;
padding: 0px;
}
html, body {
color: #DEDBD1;
font-size: 12px;
font-family: Verdana, Tahoma, Arial;
background-color: #474747;
}
body {
margin: 50px;
}
div#header {
width: 997px;
height: 301px;
background-color: #F6F7EE;
}
div#menup {
width: 11px;
height: 41px;
display: inline;
float: left;
background-color: #474747;
}
div#menu {
width: 652px;
height: 41px;
display: inline;
float: left;
background-color: #474747;
}
div#hahlan {
width: 334px;
height: 41px;
float: left;
display: inline;
background-color: #F6F7EE;
}
div#reklama {
width: 662px;
height: 74px;
display: inline;
float: left;
background-color: #474747;
}
div#richard {
width: 334px;
height: 345px;
display: inline;
float: left;
background-color: #F6F7EE;
}
div#logowanie {
width: 310px;
height: 130px;
display: inline;
float: left;
background-color: #474747;
}
z góry dziękuję za pomoc
Pozdrawiam
Ghastblood
PS:Dopiero się uczę