nicht angemeldet
DIV und Firefox
1 0 
MudGuard
DIV und Firefox
Der IE stellt es richtig dar, aber der Firefox schließt die main DIVISION vorzeitig ab, so dass der Inhalt in der Luft hängt.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<title>HTML DIV TEST</title>
<style type="text/css">
body {background-color:moccasin}
#main {width:920px;margin:auto;background-color:lightblue;padding:20px;border:1px outset}
#dleft {float:left;width:410px;background-color:ivory;font-family:verdana;font-size:13px;padding:10px}
#dright {float:right;width:410px;background-color:ivory;font-family:verdana;font-size:13px;padding:10px}
</style>
</head>
<body>
<div id="main">
<div id="dleft">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</div>
<div id="dright">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</div>
</div>
</body>
</html>
Die Höhe (height) kann ich nicht angeben, weil sie vom veränderbaren Inhalt (Text) abhängig ist.
Mache ich etwas falsch?
-
n'abend,
Mache ich etwas falsch?
also josef meint "immer",
Henryk meint "[ ] Ja [ ] Vielleicht [ ] Nein, ich will nicht mit dir gehen."
und globe meint "ja"weiterhin schönen abend...
--
wer braucht schon großbuchstaben?
sh:( fo:# ch:# rl:° br:> n4:& ie:{ mo:} va:) de:] zu:} fl:{ ss:? ls:[ js:|-
also josef meint "immer",
Henryk meint "[ ] Ja [ ] Vielleicht [ ] Nein, ich will nicht mit dir gehen."
und globe meint "ja"weiterhin schönen abend...
Rodney, die Antwort muss nicht unbedingt humorvoll sein, aber nützlich.
Was ist fehlerhaft?
-
-
Hi,
Der IE stellt es richtig dar,
Mag sein, daß der IE es so darstellt, wie Du es gerne hättest - bei dem von Dir gegebenen Code ist aber die Darstellung des Firefox korrekt.
Mit float nimmst Du die Elemente aus dem Fluß - sie beeinflussen die Höhe ihres Elternelements (da dieses nicht gefloatet ist) nicht.
aber der Firefox schließt die main DIVISION vorzeitig ab, so dass der Inhalt in der Luft hängt.
Genau das verlangst Du ja auch mit dem von Dir gegebenen Code.
body {background-color:moccasin}
Ja, starker Kaffee ist eine Sünde ;-)
Mache ich etwas falsch?
Ja - Du glaubst, daß das, was der IE macht, richtig wäre.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Mag sein, daß der IE es so darstellt, wie Du es gerne hättest - bei dem von Dir gegebenen Code ist aber die Darstellung des Firefox korrekt.
OK, ich formuliere meine frage verständlicher.
Wie soll der HTML-Code aussehen (aber ohne irgendwelche Tricks wie die zusätzliche leere DIVISION unten <div style="clear: both"></div> o.ä.), damit auch die Firefox User alles richtig sehen können?-
Hi,
(aber ohne irgendwelche Tricks wie die zusätzliche leere DIVISION unten <div style="clear: both"></div> o.ä.)
Das ist kein Trick, sondern die ganz normal Methode, um den Elementenfluß wieder herzustellen.
Vielleicht fällt Dir ja auch noch etwas passendes ein, was Du in das Element setzen kannst?freundliche Grüße
Ingo
-
-