Willkommen auf StackUnderflow

Question

0

Hallo,

habe ein Problem mit einem div-Container in Firefox (3.0). Der Inhalt ist sehr breit, und überschreitet deshalb den Rand des Containers. Ich würde erwarten, dass stattdessen der Container breiter wird. Der IE7 stellt es für meine Erwartung richtig dar.

<html>
<body>
<div style="border:1px solid green;padding:10px;">
<p>Reallylongtextzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</p>
</div>
</body>
</html>

Wenn ich dem div-Element als Style zusätzlich position:absolute hinzufüge, wird es richtig dargestellt, aber nachfolgende Elemente außerhalb des Containers befinden sich dann natürlich dahinter (werden verdeckt) statt darunter, was ich vermeiden möchte.

Danke schon mal im Voraus.

flag	asked Nov 26 at 10:53 norbertkulawik 27●4

Franz · Accepted Answer · 2009-12-07 14:45:14Z UTC

0

overflow: auto;

sollte dem div einen Scrollbalken hinzufügen, wenn es nötig ist.

Soweit ich weiß, ist das aber nicht im Sinne der Frage, deshalb probiere doch mal folgendes:

html, body {
    overflow: auto;
}

answered Dec 7 at 14:45

Franz
16

	overflow: auto löst das Problem, in meinem Fall aber nur, wenn ich es dem konkreten div zuordne, und nicht wie im zweiten Beispiel. Es ist mir aber weiterhin schleierhaft, warum ein div Elemente zwar logisch, aber nicht optisch umschließt (zumindest standardmäßig), daher die Frage. Und die Scrollbalken macht der Firefox, aber nicht der IE :-( Da mein Problem aber gelöst ist, kommt da jetzt ein Haken hin :-) – norbertkulawik Dec 9 at 13:17
	Ähm - warum erscheint beim Kommentar eigentlich die OpenID-URL? – norbertkulawik Dec 9 at 13:22

Warum überschreitet der Inhalt den Rand des Containers?

1 Answer