nicht angemeldet
variables <Div> in FF
Hallo liebes Forum,
folgenden Quelltext habe ich:
<HTML>
<BODY>
<div style="background: orange; width: 200px;height: auto;">
<div style="background:blue;float: left; width: 100px;">blauer variabler Inhalt, noch mehr blau</div>
<div style="background:green;float: right; width: 100px;">grüner veriabler Inhalt</div>
<div style="background:yellow;width:100px;">gelb</div>
<div style="clear:both"></div>
</div>
</BODY>
</HTML>
betrachtet im FF und im IE ergeben Unterschiede: das gelbe <div> soll sich in die passende lücke einfügen. wenn blau höher als grün ist, so soll gelb auf die rechte seite unter grün rutschen. wenn grün höher als blau ist, so soll gelb unter blau auf die linke seite rutschen.
der IE versteht es so. der FF nicht, schlimmer sogar: das gelbe <div> beginnt bei (0,0) vom orangen bereich, anstatt dort wo das <div> anfangen sollte.
bitte helft mir.
viele grüße
Paul W.
-
Hi,
folgenden Quelltext habe ich:
<HTML>
ohne DOCTYPE für den standardkonformen Modus der Browser eine ziemlich undefinierte Ausgabe, weil jeder Browser dann anders rät, wie er mit dem Code verfahren soll.
der IE versteht es so. der FF nicht, schlimmer sogar: das gelbe <div> beginnt bei (0,0) vom orangen bereich, anstatt dort wo das <div> anfangen sollte.
nö, Firefox macht das (trotz fehlendem DOCTYPE) richtig, da Du die anderen Elemente über float aus dem Fluss genommen hast.
Ich empfehle Dir, mal einen Blick auf http://de.selfhtml.org/css/layouts/einfuehrung.htm#boxmodell und die Folgeseiten zu werfen.freundliche Grüße
Ingo