POsitionering af elementer
Hej,Jeg sidder og laver layout til en hjemmeside.
Her er jeg stødt ind i lidt problemer hvad angår højden på mine elementer.
Jeg har flg. sektioner:
top, menu, submenu, main, banner
Her er min CSS:
#top {
height: 100px;
width: 100%;
background-color: #49727D;
}
#menu-p {
position: absolute;
height: 15px;
width: 750px;
left: 255px;
top: 101px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
#submenu-p {
position: absolute;
height: 15px;
width: 750px;
left: 255px;
top: 116px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
#main-p {
position: absolute;
height: 74%;
width: 750px;
left: 255px;
top: 131px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
overflow-x: hidden;
overflow-y: auto
}
#banner-p {
position: absolute;
height: 70px;
width: 100%;
top: 91%;
background-color: #49727D;
}
Det ser altsammen meget fint ud, bortset fra at jeg mellem main og banner har et hul, hvor der er hvidt (ca. et par pixels højt).
Det samme gør sig gældende mellem banner, og broserens bund.
Er der en måde, hvor jeg kan gøre main 100% høj i forhold til placering af de andre elementer, og få banner til at være helt i bunden af siden?
