[CSS] Tabel 100% maken wil niet lukken

[Verwijderd]

Eerst even wat gegevens:

URL pagina: http://www.statingtheobvious.nl/wed/
CSS: (moet nog logisch neergezet worden )

body {
font-family: arial, helvetica, sans-serif;
font-size: 10px;
color: #D6D6D6;
margin: 0px;
background: #E1E1E8;
}
#centreren {
position: relative;
margin: 0 auto;
padding: 0;
width: 770px;
border: 1px solid #BEB9BF;
height: 100%;
}
#header {
height: 130px;
background-image: url(../img/header/header.jpg);
background-repeat: no-repeat;
border-bottom: 1px solid #BEB9BF;
border-top: 0px;
}
#main {
width: 100%;
height: 40px;
background: #828181;
color: #CCCCCC;
}
#info {
background: #828181;
border-top: 1px solid #BEB9BF;
}
#wit {
background: #FFFFFF;
height: 10px;
}
#balk {
background: #CCCCCC;
height: 10px;
}
#pagetitle {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #D6D6D6;
font-weight: bold;
text-align: center;
}
#pageinfo {
font-family: arial, helvetica, sans-serif;
font-size: 10px;
color: #D6D6D6;
text-align: left;
}

Ik wil dus graag dat de tabel/column (hoe noem je dat) met de waarde van #info 100% naar beneden word uitgerekt. Dit wil echter niet lukken, en heb (volgensmij ) al alles geprobeert.

Als ik height: 100%; bij #centreren neerzet doet hij wel een goede border van 100% maar als ik ook de background in die kleur wil hebben, is dus ook het niet gecentreerde deel donker.

Weet idee hoe ik dit kan oplossen? Alvast bedankt!

[NMe]

offtopic:
Euh... Waarom gebruik je tabellen met maar één kolom? Nog naast het feit dat je veel makkelijker met divs kan werken voor layout, zie ik persoonlijk de zin van tabellen met 1 kolom niet in.

[André]

Zet dit bij js css in:

code:

html { height: 100%; }

En doe daarna height: 100%; in je #main

Verder mag je een id maar 1 keer gebruiken, dus in jouw geval: gebruik classes. Verder is over het height="100%" heeel veel te vinden dus daarmee moet je er wel uit kunnen komen.

En zoals -NMe- al zegt: tabellen zijn voor tabulaire data en iet voor layout.

Zoeken op height 100%

[ Voor 60% gewijzigd door André op 28-05-2005 18:03 ]