Hoe bouw ik het volgende op:

Hoe krijg ik het voor elkaar om die twee divjes, als het divjes moeten zijn, naast elkaar.
Zoiets?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
body,html {
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	background:#90C35C url('back.jpg') center center repeat-y;
	color:#ffffff;
	}
.div1{
	width:20%;
	background-color:#cccccc;
	float:left;
	height:400px;
	}
.div2{
	width:80%;
	height:400px;
	background-color:#ccffcc;
	float:left;
	}
</style>
</head>

<body>
<div class="div1"></div>
<div class="div2"></div>
</body>
</html>

[edit]
code tags toegevoegd.
[/edit]
Ok bedankt, logisch eigenlijk! Alleen door een float gaan de div's dus ook echt 'zweven', dus nu zit ik met het probleem dat de onderste div helemaal bovenaan blijft staan.
Voorbeeldje: http://83.247.96.196/root (zolang pc aanstaat)

[edit]
Probleem opgelost, door de twee div's is een container te zetten.
[/edit]
Zie dit bericht niet als een 'bump', maar als een volgende vraag. Het werkt dus, maar het lijkt wel alsof er een verschil is in de maat van pixels in IE en FF zie het voorbeeld dat ik hierboven heb gegeven, de ruimte tussen de div en de buitenkanten van het scherm verschillen heel erg tussen de verschillende browsers. Weet iemand wat hiervan de oorzaak is?
Ja, dat ligt aan een foute interpretatie van het boxmodel door IE.
Ja ik weet dat IE inderdaad wat anders omgaat met het boxmodel, maar zijn de verschillen dan zo groot? En wat is eigenlijk het alternatief?
Er zijn een aantal alternatieven. De bekendste is de boxmodel hack. Google maar eens, dan kom je hem wel tegen.

De oplossing die ik gebruik, werkt zonder hacks.

Maak een div met daarin een andere div. Geeft de buitenste div een breedte, hoogte, wat je wilt.

Als je nu padding of borders wilt maken, geef die dan aan de binnenste div. De buitenste houdt altijd zijn breedte, dus je krijgt geen onvoorspelbare resultaten.

Werkt in IE, FF en Opera en Safari.
Ok bedankt Jan, heb wat zitten experimenteren, maar kom er niet uit. Kun je eens een voorbeeldje geven? Ik zit trouens ook met die floats, die 'verpesten' het hele zakie natuurlijk ook flink.
Bedoel je een voorbeeld zoals in je eerste post?
Bijvoorbeeld! Ik snap het principe niet om die IE-bug te omzeilen en hoe ik dat moet toepassen in mijn geval. Alvast bedankt in ieder geval!

Reageren