Archief - Div uitrekken

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
T

TiZon

Legacy Member
Hey

Ik ben met het één en ander beginnen testen:
http://www.bartdevos.be/test/

Nu zou ik graag de div (inhoud) waar momenteel staat "Hier komt nog al de rest...." uitrekken tot de onderkant van het browser-venster... Ik heb al een paar dingen gestest in de css, maar ik vind het niet, als ik position: absolute; doe (google) dan is het niet langer gecentreerd.

Iemand een ideetje?

Bedankt
Bart
d

dJeez

Legacy Member
Faux columns googlen (en dan kom je op Alistapart die je site presto aan je bookmarks moet toevoegen :p).
T

TiZon

Legacy Member
Dank u :)
Geweldig!

1 Klein probleempje, mijn achtergrond is niet hetzelfde heel de tijd...

Heb nu als CSS:

HTML: 
body { 
	background: #ccc url(../img/bg.jpg) repeat-y 50% 0; 
	font: 75%/150% Arial, Helvetica, sans-serif; 
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
}

div#container {
	width: 650px;
	heigth: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	clear: both;
	border: 1px solid #FFFFFF;
	border-top: 0px;
	border-bottom: 0px;
	background-color:#FFFFFF;
}

div#logo {
    	width: 100%;
	height:200px;
    	float: center;
    	background:url(../img/logo.jpg); 
}

div#menu {
	height:50px;   
	width:100%;   
	background-image:url(../img/menu.jpg);   
	font-family: Arial, Helvetica, sans-serif;   
	background-repeat:repeat;
	margin-left: auto;
	margin-right: auto;
}

div#menu a{   
	padding:15px;   
	float:left;   
	color:#999999;   
	text-decoration:none;   
	border-right:1px solid #333333;   
}  

div#menu a:hover{   
	background-color:#000000;   
	color:#FFFFFF;   
	padding:15px;   
}  

div#menu a:visited{   
	color:#1158AF;   
	padding:15px;   
}  

div#inhoud {
	height: 100%;
}

Is er soms een andere mogelijkheid?

Bedankt!
Bart
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan