Zeromancer: Wieso zerschiesst FireFox dieses DIV-Layout?

Beitrag lesen

Hallo gourmet,

was fehlt hier noch oder ist falsch? Im IE wird es "richtig" angezeigt, im FireFox leider zerschossen:

was ist dein <head>-Bereich?
Warum ist <body> nicht geschlossen?
Wo sind die Angaben zu Zeichensatz und ähnlichem?

:-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><body>

<style type=text/css>

.profil{background:#f3e9e0;width:95px;float:left;font-weight:bold;padding:3px;padding-left:8px}
.profil3{padding:3px;margin-bottom:3px}

</style>

<div style=width:188px;float:left>
<textarea readonly style="width:180px;height:120px;padding:3px;border:1px solid #af0000;margin-bottom:3px">text</textarea>
</div>

<div style=width:240px>
<div class=profil>Größe</div><div class=profil3>wert</div>
<div class=profil>Figur</div><div class=profil3>wert</div>
<div class=profil>Augen</div><div class=profil3>wert</div>
<div class=profil>Haarfarbe</div><div class=profil3>wert</div>
<div class=profil>Haarlänge</div><div class=profil3>wert</div>
<div class=profil>Brille</div><div class=profil3>wert</div>
</div>

Mit freundlichen Grüßen,
André