nicht angemeldet
Ich geb's gleich auf, warum geht das nicht??
Hallo, bin langsam am verzweifeln :(
Das ist die Vorgeschichte: </archiv/2002/8/18974/>
Hier noch mal zusammen gefaßt und etwas genauer: Ich wollte eigentlich folgendes Layout mit CSS haben:
+------------------+
| |
+-----------+------+
| text text | text |
| text text | text |
| text text | text |
| | text |
| | text |
+-----------+------+
Die obere Reihe geht, im Folgenden dreht es sich "nur" um die beiden Spalten.
-
Dabei soll das nicht mit position:absolute sein, da dass ganze noch in einer Tabelle eines CMS steckt.
-
Die rechte und linke Spalte werden dynamisch mit Inhalt gefüllt, ich weiß also nicht welche am Ende mehr Text enthält, deshalb geht z.B. mit der linken nicht float:left, also
<div style="float:left; width:60%;>
linke Spalte
...
</div>
<div>
rechte Spalte
...
</div>
da dann die rechte nach dem Ende der linen Spalte fortgesetzt würde, das schaut dann so aus und das will ich nicht, ich brauche einfach nur zwei popelige Spalten nebeneinander.
+------------------+
| |
+-----------+------+
| text text | text |
| text text | text |
| text text | text |
| | text |
| text text text.. |
+-----------+------+
Jetzt habe ich das mit
<div style="float:left; width:60%;>
linke Spalte
...
</div>
<div style="float:right;>
rechte Spalte
...
</div>
probiert, dann macht es aber nur der IE (5.x) so wie ich es will, Mozilla setzt die zwei Spalten untereinander.
Leute, es kann doch nicht sein, dass so was mit CSS nicht geht, ich mach da jetzt schon zwei Tage mit rum und verfluche die Stunde in der ich beschlossen habe auf Tabellen zu verzichten. Hilft, bitte!!
Mozz
-
Juhuuuu!
Mit zwei mal float:left; scheint es jetzt doch zu funktionieren!!
Nur bekomme ich es nun nicht hin unter die zwei Spalten eine weitere über die ganze Breite zu platzieren. Habe es mit
<h2 style="clear:both"> und
<h2 style="clear:both; width:100%">versucht, geht aber mit Netscape 4 nicht :(
+------------------+
| |
+-----------+------+
| text text | text |
| text text | text |
| text text | text |
| | text |
| | text |
+-----------+------+
|dies ist das Prob.|
+------------------+Mozz