Content mit DIV passt sich nicht dem Inhalt an - Seite 2

hubspe · #11 (**permalink**) 14.01.2012, 11:39

Zitat:

Zitat von Thomas79

Height: 100%

Wenn ich die Höhenangabe in einem prozentualen Wert (min-height oder height = 100%) angebe, funktioniert der Verlauf nicht mehr:

Zitat:

aus diesem Artikel:
Bei einer Prozentangabe ist immer die Frage: Prozent von was?

In diesem Fall bezieht es sich auf die Höhe des Elternelementes, d.h. #umhang. Für #umhang ist keine Höhe definiert, also kann 100% nicht errechnet werden und fällt auf height:auto; zurück. Das Element wird nur so hoch wie sein Inhalt.

#umhang hat aber auch noch ein Elternelement: <body> und das
wiederrum hat auch noch einen Vorfahren: <html>.

Erst dann ist Schluß.

Da <html> kein Elternelement mehr hat, bezieht sich die Prozentangabe für <html> auf den sogenannten Initial Containing Block, das ist ein Rechteck in der Größe des sichtbaren Bereiches (Viewport)

......

Thomas79 · #12 (**permalink**) 14.01.2012, 11:42

Problem gelöst! Das Attribut float: left im DIV rightContent war dafür verantwortlich, dass der Verlauf nicht korrekt angezeigt wurde.
Ich habe das Attribut nun gelöscht und als alternative margin-left: xxx eingegeben.

Ich hab vieles in der HTML und CSS gelöscht und viel herumprobiert, daraus enstand erst die Frickellösung ..

Nochmals vielen Dank!

Webcoder · #13 (**permalink**) 14.01.2012, 11:47

Zitat:

Zitat von Thomas79

Problem gelöst! Das Attribut float: left im DIV rightContent war dafür verantwortlich, dass der Verlauf nicht korrekt angezeigt wurde.
Ich habe das Attribut nun gelöscht und als alternative margin-left: xxx eingegeben.

Ob das eine "echte" Lösung ist wird sich zeigen, wenn du DIV leftContent wieder einbauen willst, weil dann kommst du ohne float:left; nicht aus.

Aber warten wir mal ab, was noch kommt.

hubspe · #14 (**permalink**) 14.01.2012, 11:52

Zitat:

Zitat von Webcoder

Ob das eine "echte" Lösung ist wird sich zeigen, wenn du DIV leftContent wieder einbauen willst, weil dann kommst du ohne float:left; nicht aus.

)

hehe, das wird ihm Mut machen!

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 14:30
Problem mit position:relative;	McCoRmIcK	CSS	0	08.04.2007 16:23
Problem: Ein Div wächst mit dem Inhalt nicht mit (Firefox!).	pager	CSS	2	30.03.2006 19:03
dreispaltiges layout, footer soll immer mitwandern	sirrpa	CSS	14	24.11.2005 18:57
layout v.o.n.u.: 30px, rest, 30px mit div möglich?	docstevie	CSS	2	20.02.2005 19:58