Hur ser din rightbottom-div ut? Det är det enda som jag kan se som kan styra din höjd. Absolut positionering och top:xxx px; right:0px;
Så hade jag nog tagit med wrappern ner med float:left; och height: auto; kanske också med den oranga bakgrundsfärgen.
Du får testa... ;)
Om det inte fungrar så får du kanske skriva den riktiga koden och inte ungefär och kanske lite mer. :)
Frågan#1
Okej, håller på att bli tokig här när jag försöker koda en sida som funkar korrekt i både Mozilla och IE. Har lyckats skapa sidan en gång för först Mozilla, och sen en gång för IE, men kan ta mig tusan inte göra så det funkar i båda...
Den här skissen förklarar förhoppningsvis hur det är tänkt att fungera
Problemet är (som vanligt) att mozilla och ie hanterar height och min-height olika. Just nu har jag det ungefär så här:
<div id="wrapper">
<div id="left">spalten till vänster</div>
<div id="nav">menyn längst upp</div>
<div id="content">brödtexten</div>
</div>
Med ungefär denna css:
html,body {
height:100%;
font-size:13px;
}
#wrapper {
height:100%;
background:url("images/bodyBg.gif") no-repeat bottom right;
}
#left {
float:left;
width:160px;
min-height:100%;
background:#FF6600 url("images/leftBg.gif") no-repeat;
}
#nav {
padding-top:100px;
background:#FF9900 url("images/topBg.gif") no-repeat right;
}
#content {
float:left;
width:500px;
}
<!--[if IE]>
<style type="text/css">
#left {height:100%}
#wrapper {height:100%}
</style>
<![endif]-->
Denna versionen funkar bara i IE tyvärr, bakgrunderna fortsätter inte nedanför skärmkanten i Mozilla. Hur skulle ni koda den här sidan på enklast möjliga sätt, så den fungerar för de flesta browsers?