nicht angemeldet
Hallo,
ich habe ein kleines Problem mit meinem Verständnis von CSS ...
Mit der alten, "bösen" html-Schreibweise hatte ich eine folgendermaßen aufgebaute Tabelle:
<table border="1" width="100%">
<tr>
<td width="200">test</td>
<td width="*">test</td>
</tr>
</table>
Die erste Spalte war jetzt 200 Pixel breit und die zweite hat den Rest des Platzes eingenommen.
Ich möchte das gleiche jetzt mit xhtml, css und div nachbauen. Mir stellt sich nur die Frage: Wie?
Ein Ansatz:
CSS:
----------------------
#left {
width:200px;
float:left;
}
#right {
width:100%;
float:left;
}
----------------------
html:
----------------------
<div id="left">
inhalt
</div>
<div id="right">
inhalt
</div>
<br style="clear:left;" />
----------------------
Das ganze klappt aber nicht, #right bekommt 100% des Elternelements zugesprochen und wird deswegen unterhalb von #left angeordnet.
Wenn ich #left z.B. 20% und #right 80% Breite gebe wird #left entweder zu breit oder zu schmal, je nach Auflösung, und damit nutzlos.
Fällt euch ein was ich übersehen habe? Wie krieg ich das Problem in den Griff?