hjælp til css layout
Jeg skal have lavet et simpelt css layout, hvor jeg har en topbar der har hele skærmens bredde og er 130 px høj. så skal der være en menu i venstre side der starter i højden hvor topbaren slutter og går til bunden af siden og er 160 px bred. feltet der dannes til højre for menuen skal begynde under topbaren, og gå helt til bunden og højre siden. Siden skal gerne kunne skalere så det ser pænt ud uanset om der er tale om en høj eller lav skærm opløsning.jeg har prøvet med følgende:
body, html {
margin: 0px;
left: 0px;
}
#top {
position: absolute;
width: 100%;
height: 130px;
background-color: #000080;
}
#top_image {
position: absolute;
top: 20px;
left: 50%;
margin-left: -252px;
}
#menu {
position: absolute;
padding-left: 10px;
top: 130px;
width: 160px;
height: 100px;
background-color: #FFEE00;
}
#main {
position: absolute;
top: 130px;
margin-left: 160px;
background-color: #000000;
height: auto;
width: auto;
overflow: auto;
}
men jeg kan ikke få højden på menuen og main feltet, samt bredden på main feltet til at blive pænt. enten når det ikke til kanten eller går det over hvis jeg ex bruger width: 100%;
hvad gør jeg?
