Hoi,

Ik probeer mijn div 100% hoog te krijgen, alleen hij is té hoog. Zie linkje.

Css dat erbij hoort is:

html, body {
width:100%;
height:100%;
margin:0px;
padding:0px;
text-align:center;
background:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#searchContent {
background:url(../images/searchContent_bg.png) bottom repeat-x;
height:100%;
text-align:left;
}

Wie kan me helpen het goed te krijgen?
Hij pakt 100% hoogte vanaf het menu ipv de bovenkant? probeer position:absolute; of relative; 's...
Nop, werkt niet.
In dat voorbeeldje van jou hoef je geen 100% height te zetten op de onderste div.
Waarom niet dan? (gewoon een vraag, no offense)
Wanneer hij op honderd staat wordt de hoogte van de pagina (HTML / BODY) nog eens 'geplakt' op de plaats waar die DIV staat. Door die 100% te verwijderen zal dit probleem niet meer bestaan, en wordt de pagina groter dan dat er op één scherm weer te geven is, dan zal er een scrollbalk komen.
Waarvoor moet je eigenlijk height: 100% hebben ?
hoe kan ik het nu oplossen dan?
neem dit als nieuwe css
html, body {
width:100%;
margin:0px;
padding:0px;
text-align:center;
background:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#searchContent {
background:url(../images/searchContent_bg.png) bottom repeat-x;
height:100%;
text-align:left;
}


dit zou het probleem moeten oplossen

Reageren