Hanjo: Firefox-Darstellung verschachtelter DIVs

Beitrag lesen

SELF-Forum

Firefox-Darstellung verschachtelter DIVs

Hanjo Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo, hab ein Problem mit dem Fox.
Ich habe einen DIV, der einen zweiten DIV sowie einen umfließenden Textabsatz enthält. Der äußere DIV hat einen Rahmen. Der Quellcode lautet - aufs Wesentliche gekürzt:

---SNIP---
<html><head>

<style>
.container {
  width: 610px;
  padding: 5px;
  border: 1px solid #000000;
}

.content {
  width: 225px;
  text-align: right;
  float: right;
  display: inline;
  background-color: #DDDDDD;
}
</style>

</head><body>

<div class="container">
  <div class="content">Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
  <p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

</body></html>
---SNAP---

Der Internet Explorer tut genau das, was ich mir wünschen würde: Da der innere DIV höher ist als der äußere, wird der äußere gedehnt und rundrum der Rahmen gezogen.
Warum tut der Fox das nicht? Da wird der Rahmen um den Absatz gezogen, und der innere DIV ragt einfach über den Rahmen hinaus. Obwohl der äußere DIV, wenn ich's mir mit der WebDeveloper-Extension anzeigen lasse, genauso hoch ist wie der innere. Warum also benimmt sich der Rahmen so (komisch)?

Vielen Dank für eure Hilfe.
Hanjo.

Beitrag melden
–
Informationen zu den Bewertungsregeln