Ik zit met een klein probleempje.
Ik ben bezig om met div's te gaan werken alleen lukt het me telkens niet met de height en width.
Mijn website heeft nu aan de linker kant een menu en aan de rechterkant het main veld.
Nu heb ik de volgende css er voor:
body {
font-family: verdana;
font-size: 15px;
color: #000000;
background-color: #FFFFFF;
height: 100%;
width: 100%;
background: #6375d6;
}
div.menu {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
background: #6375d6 url("gfx/menu_bg.gif") repeat-x;
}
div.main {
position: absolute;
float: right;
top: 0px;
left: 250px;
min-width: 100%;
width: auto !important;
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
padding: 5px 0px 20px 5px;
background-color: #FFFFFF;
}Nu is het probleem dat hij de main-width weergeeft met 100% en dan volgens mij +250px van het menu. Ook heeft de pagina een scrollbar naar beneden terwijl dit eigenlijk nergens voor nodig is, maar als de pagina te groot is moet hij wel scrollbaar zijn.
Zou iemand mij kunnen vertellen hoe ik dit op zou kunnen lossen?
Mvg. Martijn Boshoven