• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Wie folgendes gleich darstellen in FF und IE

Status
Für weitere Antworten geschlossen.

Andreas_B.

Neues Mitglied
Habe folgendes:

<fieldset><legend>Beachten Sie folgendes Buch</legend><div style="float:left;"><a href="#"><img src="#" alt="#" style="border: 0px;" /></a></div><div style="float:right;">Ein etwas längerer Text blab bla bla bla ..........</div></fieldset>
Ich möchte rundherum den Rahmen (Fieldset mit Legend) haben, links das Bild und exakt rechts daneben den Text. Im dummen IE sieht es es exakt so aus wie ich mir das vorstelle. Der Firefox rückt den Text jedoch leider unter das Bild.

div hab ich versuchsweise auch schon gegen span und p ersetzt - ändern auch nichts.

Was mache ich falsch? Bzw wie muss es richtig sein?

So mein ich das:
OATe525U.jpg
 
Also bei mir klappt des super. Ersetze aber mal das float:right durch float:left.
Ab einer gewissen Fensterbreite ist es dann aber so, das der Text nach unten rutscht.

Code:
<fieldset> 
<legend>Beachten Sie folgendes Buch</legend> 
<div style="float:left;"><a href="#"><img src="terra_01_k.jpg" alt="#" style="border: 0px;" /></a></div> 
<div style="float:left; margin-left:20px;">Ein etwas längerer Text blab bla bla bla ..........</div> 
<br clear="all" />
</fieldset>
 
Zuletzt bearbeitet:
Danke!
Also ich habe das jetzt mal exakt so gemacht wie du es beschrieben hast.
Ändert leider überhaupt nichts daran. Im IE siehts wunderbar aus (genau so wie auch vorher), im FF rutscht der Text unter das Bild und breite sich über die gesamte Breite aus.

Der Text besteht aus 3 Zeilen.
Bild ist 130x40.
Fieldset hat 480px.
 
Ach, habs jetzt ausnahmsweise mal ganz einfach mit Tabellen gemacht.
Geht ja genau so. Bevor ich mich da noch länger ärgern muss. :-)
Und sieht noch dazu in allen Browsern gleich aus.

[[ Bei dir geklappt hat es aus dem Grund, vermute ich zumindest, weil du nur einen kurzen Text verwendet hast, der nicht mehr als 1 Zeile braucht. Da passt es bei mir natürlich auch. Bei mehr Text ist es dann aber wie beschrieben. ]]
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben