Antworten zum Thema „CSS: Text geht über container hinaus.“

lemur · 14.02.2006

Hallo

Ich habe folgendes Problem: Der text im hauptcontainer geht in allen browsern, bis auf dem IE, über den containerrand hinaus. Ausserdem wird das Bild im footer(unterstem container) darübergelegt.
Ich habe bereits einige Zeit nach lösungen gegoogelt und gesucht habe aber keine Lösung gefunden.
Die "Problemsite" könnt ihr anschauen.

mfg lemur

Herr_D · 14.02.2006

schreib statt

height: 100%;

min-height:100%

dann wird der content auch vergrößert... so halt nicht, da wird er (außer im ie) eben bei 100% angezeigt

ich schätze für den ie mußt du dann extra eine höhe definieren... in den <head></head> bereich der dokumente:

Code:

<!--[if IE]>

<style type="text/css">

#content
		{
			margin: 0 2em 0 200px;
			height: 100%;
		}

</style>

<![endif]-->

Stroker · 15.02.2006

Eigentlich brauchst du es nicht umbedingt extra nochmal definieren. Wenn du erst min-height und dann height *oder umgekehr (-gruebel-) ... probieren* schreibst, dann nehmen alle Browser außer IE (der kennt den Befehl nicht) min-heigt und IE verlängert ja von selber die Höhe, weil er wieder extra Wurst spielen muss. Ist aber nicht Regelkonform und wird als Hack bezeichnet.

Herr_D · 15.02.2006

na ja ie erkennt min nicht, wenn für den ie die höhe nicht mit 100% definiert wird, dann zeigt der ie auch nur die höhe des textes ....

wird für andere browser die höhe in 100% definiert zeigen sie auch nur 100% (z.B. des hintergrundes) ... der text fließt danach einfach weiter...

von daher ist eine doppelauszeichnung schon sinnvoll... jedoch nicht in einem css...

also

min-height:100% und height:100% für einen bereich zu definieren (egal in welcher reihenfolge) macht keinen sinn (und funzt auch nicht)

lemur · 15.02.2006

Vielen Dank für die schnellen Antworten. Es funktioniert jetzt so wie es sollte.

mfg David