[vayu]

ich versuche seit stunden ein css gerüst aufzubauen, leider stoße ich immer wieder auf probleme mit überlappung und zentrierung.

ich hab mal drei bilderhochgeladen, welche verdeutlichen sollen was passieren soll:

Bild 1

[img]

Uploaded with ImageShack.us
[/img]

Div Container soll einmal oben und einema ganz unten plaziert sein mit 100% Breite, dann soll in der Mitte ein Div Container immer Zentriert sein

Bild 2 und Bild 3

[img]


Uploaded with ImageShack.us
[/img]

[img]


Uploaded with ImageShack.us[/img]

Problem ist wenn das Browserfenster kleiner wird soll der Div in der Mitte nicht überlappen. und ein scroll balken erscheinen.


Hier ist der Link zu Seite:
http://www.beta.cezanne-dental.com/

[DerM]

Da wirst Du mit Javascript eingreifen müssen. Und das resize event abfangen müssen ...

[vayu]

gibt es denn möglichkeiten in html5 / Css3 was zu machen.

[top]

Das hier ist es noch nicht so ganz:
http://ryanfait.com/sticky-footer/

Aber bevor ich dafür mit javascript hantieren müsste, würde ich eher noch eine Tabelle missbrauchen.

[vayu]

das sieht echt schon danach aus, teste gerade rum um mehr zu verstehen. werde mich melden, wie es so weitergeht, falls jemand noch was in petto hat, einfach melden .

[vayu]

hier habe ich was gefunden:

hier der link

header und footer jeweils ganz oben und ganz unten und der content zentriert.

[vayu]

ich habe schon ein paar sachen ausprobiert. offline in einer plain html datei läuft das ganze ohne probleme. sobald ich das ganze online in wordpress einfüge, gibt es probleme. es handelt sich um ein eigenes theme.

kann es dem header liegen?

LINK

[vayu]

Nachtrag:

das problem tritt im google chrome uns firefox auf, Safari läuft es einwandfrei. oben entsteht einungewollter margin und man muss scrollen obwohl es nicht nötig wäre.