TobiasBerlin: 2 CSS-Probleme (DIV im IE7 verschoben & Seitenhöhe)

Liebes Forum,

da ich an zwei Problemen sitze und irgendwie nicht weiterkomme, hoffe ich, dass jemand von euch eine Idee hat, die mich weiter bringt.

Es geht um folgende Seite:
http://cms.biofeld-hp.de/cms-startseite/

=======================================
Problem 1: DIV im IE7 verschoben

Der Content-Bereich sowie die rechte Spalte sind im IE7 nach unten rechts verschoben (IE6 und IE8 zeigen es seltsamerweise richtig an). Auch der Firefox zeigt, wie es "richtig" aussehen soll. Dazu habe ich zwei Screenshots angefertigt, der die Unterschiede zeigt:

http://cms.biofeld-hp.de/ss1.png  << so sieht es richtig aus.
http://cms.biofeld-hp.de/ss2.png  << so sieht es im IE7 falsch aus.

Es geht also um die Schrift "Herzlich willkommen auf meiner Internetseite." sowie das Foto rechts daneben. Es müsste bündig sein mit dem Anfang der Navigation links (wie auf ss1.png), ist es aber nicht.

=======================================
Problem 2: Seitenhöhe 100% funzt nicht

Ich verwende den folgenden Code, um die Seitenhöhe auf 100% zu setzen:
html, body, #page_margins, #page, form { height: 100%; }

Leider funktioniert dies auf dieser Seite nicht. Die Seite ist viel zu lang. Man kann sie scrollen, obwohl unten gar kein Inhalt mehr zu sehen ist. Hat jemand eine Idee, wie ich sicherstellen kann, dass die Seite mindestens bis zum unteren Bildschirmrand geht, aber nicht weiter?

Vielen Dank für jeden Tipp!

Liebe Grüße
Tobias

  1. hei,

    2te problem

    < http://ryanfait.com/sticky-footer/> - das ist das was du sichst, heisst sticky footer.

    1tes problem, deine markup ist etwas kompliziert fuer so ein einfaches layout, ist ext schwierig zu sagen, wo das problem liegt in so einer code Suppe.
    So ein einfaches layout koente ich dir in ca. 2 stunden machen :)

    LG,
    Inita