Archief - 2 kolomment 100%height elk

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.
r

raion

Legacy Member
Weet iemand iemand hoe ik 2 kolommen maak in css die beide heel het browservenster innemen in de hoogte?
r

raion

Legacy Member
nah kheb al wa tutorials gezocht via google, en tot nu toe enkel 2columns en een sticky footer die volledige pagina innemen, of gewoon 1 div container die heel de pagina inneemt.
Maar nog niks kunnen ineensteken van enkel 2 divs.
Ik heb al geprobeerd om html,body { height:100% } en een container div met min-height: 100%, maar het werkt niet :s
Ik heb ook geprobeerd met een tabel maar werkt niet :x
A

Albireo

Legacy Member
Code: 
<html>
	<head>
		<title>test</title>
		<style type="text/css">
			body {
				background-color: #000000;
				color: #ffffff;
			}
			#column1 {
				position: absolute;
				top: 0px;
				bottom: 0px;
				left: 10px;
				right: 52%;
				background-color: #ffff00;
				color: #000000;
				overflow: auto;
			}
			#column2 {
				position: absolute;
				top: 0px;
				bottom: 0px;
				left: 52%;
				right: 10px;
				background-color: #ff0000;
				color: #000000;
				overflow: auto;
			}
		</style>
	</head>
	<body>
		<div id="column1">
			<h1>column 1</h1>
		</div>
		<div id="column2">
			<h1>column 2</h1>
		</div>
	</body>
</html>
j

j design

Legacy Member
Code: 
html {
         height: 100%;
}

#divleft {
         float: left;
         width: 50%;
         height: 100%;
}

#divright {
         float: right;
         width: 50%;
         height: 100%
}

Ik denk dat de css iets in die aard moet zijn.
Mss nog een overflow
g

gille

Legacy Member
Zoek anders eens in Google achter faux columns ;) Het komt erop neer dat je met een achtergrondafbeelding de indruk geeft dat de kolommen over de hele hoogte van de pagina lopen ;)
d

denk

Legacy Member
j design zei:
Code: 
html {
         height: 100%;
}

#divleft {
         float: left;
         width: 50%;
         height: 100%;
}

#divright {
         float: right;
         width: 50%;
         height: 100%
}

Ik denk dat de css iets in die aard moet zijn.
Mss nog een overflow
Klik om te vergroten...

dit is goed :), hoeft zelf niet te zeggen dat #divright float:right moet hebben, maar is duidelijker :)
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