nicht angemeldet
Hallo zusammen,
ich habe ein Bild das aus zwei per css übereinandergelegte images besteht. Diese stehen in einem Div, daß sich per relativer Positionierung an den Elemnetnfluß hält. Das ganze sieht so aus:
<div style="position:relative; top: 0px; left: 0px;">
<div style="position:absolute; top: 0px; left: 0px;"><img src="bild1.gif" width="150" height="50" alt="1"></div>
<div style="position:absolute; top: 0px; left: 0px;"><img src="bild2.gif" width="150" height="50" alt="2"></div>
</div>
Zuerst, was ich bezweckte. Ich wollte rechts von diesem Bild einen in der Breite maximierten Text haben und beide "Spalten" wiederum zentriert wissen.
-----------
! ! text
! (bild) ! text
! ! text
! ! text
-----------
(hoffe, das Ascii-Bild haut hin ;-))
Erschwerend kommt dazu, daß das ganze auch noch mit dem NS4 funktionieren muß, allerdings bekomme ich noch nicht mal die reine css-float-left Variante hin.
Zuerst zur "NS4-Variante": der "bilderblock" richtet sich im großen und ganzen brav nach dem restlichen Inhalt der Seite. Nur packe ich das ganze in eine Tabelle (ja ja, ist grausig) um ein zwei-Spaltendesign hin zu bekommen, dann funktioniert es nicht mehr. Jeder Browser sucht sich eine eigene Lösung aus, um mir das optisch kund zu tun. Hat jemand eine Idee, wie ich das Endergebnis (links zwei Bilder übereinander, rechts davon Text, alles zentriert) NS4-tauglich hinbekommen kann?
Dann die reine CSS-version. Setze ich im "obersten" Div, das die beiden image-Divs umschliest) ein width und ein float:left rein, dann setzen mir die Browser das untereinander. Erst wenn ich bei dem ersten inneren image-Div die absolute Positionierung rausnehme klapts zumindest mit dem float:left.... Wobei natürlich die Bilder falsch stehen....
Ich gebe es zu, neben dem lernen von css ist mir nach 4 Stunden rumprobieren auch das Ergebnis meines eigendlichen Wunsches wichtig geworden, eine ns4 taugliche Version eines zwei Spaltenlayouts zu bekommen, links das zusammengeklebte Bild, rechts der Text.
Wer weiß Rat?
Chräcker