nicht angemeldet
Genau das funktioniert aber ja nicht... das ist sozusagen mein Problem:
Folgender Code funktioniert nicht, da content zuvor eine Größe zugewiesen werden muss! Weist man dem div 100% zu stimmt das nicht, da es eigentlich 100% minus 200px sind. und 100%-200px kann man leider nicht in die CSS Datei schreiben ;)
<html>
<head>
<style type="text/css">
.container {}
.navigation { float: left; width: 200px; }
.content {float: left; }
.content_left { float: left; width:50%; }
.content_right {float: left; width:50%; }
</style>
</head>
<body>
<div class="container">
<div class="navigation">
Navigation
</div>
<div class="content">
<div class="content_left">Content-Left</div>
<div class="content_right">Content-Right</div>
</div>
</div>
</body>
</html>
Bei Wikipedia ist das allerdings mit einer Tabelle gelöst worden... nicht ganz so schön meiner Ansicht nach...
ich zitiere mich mal selbst:
aber es spricht nichts dagegen, diese durch 2 nebeneinander floatende divs zu ersetzen, die jeweils 50% breit sind
<div id="inhalt">
<div id="spalte1">blah</div>
<div id="spalte1">blub</div>
</div>#spalte1, #spalte2 { float: left; width: 50%; }