Element verschwindet ? CSS Problem
 

Hallo Leute,



ich sitze grade an einem Projekt und finde den Fehler nicht.

Wie ihr seht wird der untere Bereich falsch dargestellt.
Der Footer (roter Balken) ist irgendwo im Bild anstatt ganz unten.


Ich habe das ganze mir Firebug untersucht und man sieht, dass der Bereich HTML nicht die gesamte Seite ausfüllt, weshalb der Footer richtig liegt, also am Ende vom HTML.

Warum ist der HTML-Bereich nicht wie der Body-Bereich 100% ?

Ich tippe gefühlsmäßig einfach mal auf die "position: relative" ;)

Nee daran wirds sicher nicht liegen. Ich hab meine Layouts immer komplett relative gehabt.

Wenn ich das richtig sehe wird Joomla eingesetzt und die News in 2 Spalten dargestellt.
Auf Grund eines Fehlers im Design ist aber nicht genügend Platz(in der Breite) um diese in 2 Spalten
darzustellen, somit wird die 2te Spalte darunter angezeigt.
Nimm das "html" aus der CSS so das nur "body" einzeln da steht.

was soll das beim footer bewirken?

margin: auto auto 0px auto;

Ah ok, danke.
Ja ich hab Joomla eingebunden. Wird kein automatischer Seitenumbruch gemacht und das ganze einfach nur länger vom Text ?
Der Content soll nur in der Mitte angezeigt werden, also 1 Spalte.

Beim footer soll das bewirken, dass er am unteren Rand haftet.


EDIT: Ok , ein Freund hat mir grade erklärt woran es liegt. Es ist absolut logisch, also hier für die Nachwelt :
Ich hatte Body auf height:100%; (soweit alles richtig) dann einen Wrapper mit Height:100% . Im Wrapper hatte ich 3 weitere Divs.
Die eine div für das Randbild , sowie die Content div hatten wiederrum height :100%.

--> Das ist das Problem: 100% von 100% ist was ? Es gab keinen Bezug zu einer festen Größe. Man muss in diesem Fall das wachsende Randbild in den Contentdiv einbinden, die Randbild div wird gelöscht.
Nun muss die Content Div nur noch auf height:auto stehen. Die Content div ist nun so lang wie der Content und das Randbild ebenfalls.