Body-Block nicht über ganze Länge

Hallo,

ich habe ein Template umgebaut. Mittlerweile habe ich es so hinbekommen,dass die Seite sowohl im IE als auch mit den anderen Browsern richtig angezeigt wird und auch funktioniert.

Leider hänge ich an einem Problem und scheine mir da die Zähne auszubeissen :(

Special Offers | American-Parts

Wie man auf der Seite sehen kann, fängt der Footer auf einer fixen Höhe an und nicht mehr dann, wenn die Seite "eigentlich" zu Ende sein soll. Ausserdem hat der Body nun irgendwie keine variable Höhe mehr.

Hat hier jemand einen Tip?

body {
position: absolute;
background: #000000;
color: #000000;
font-size: 13px;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
width: 770px;
left: 80px;
}

#container {
position: absolute;
width: 777px;
background: #ffffff;
text-align: left;
left: 0px;
top: 228px;
border: 0px solid #cccccc;
}

#content {
width: 530px;
position: absolute;
left: 195px;
right: 0px;
top: 10px;
padding: 5px 25px 15px 25px;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
min-height: 690px;
}

Vielen Dank!

Alternative?

Gibt es denn dazu eine Alternative? Wenn ich das mit margin-left... mache, dann spinnt der IE rum :(

Wenn ich das positon: absolute; aus dem #container herausnehme, dann ist es komplett deplaziert

Danke sehr

absolute ist raus...

Ich habe das Absolute nun soweit überall wieder rausgenommen (ausser aus dem header) und das Gesamtbild schaut nun auch wieder wesentlich befriedigender aus, auch der Header geht nun im IE.

Nur ist im IE in Content der Inhalt komplett nach unten verschoben und zwar genau unterhalb von menu.

Was ich nun gemacht habe:

(Läuft perfekt im FF und auch Safari aber nicht im IE)

Zitat

]#content {
width: 525px;
margin-top: 0px;
margin-bottom: 20px;
margin-left: 200px;
margin-right: 0px;
position:relative;
padding: 5px 25px 15px 25px;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
min-height: 660px;
}

Alles anzeigen

(Läuft perfekt im IE aber nicht im Safari und im FF)

Zitat

#content {
width: 525px;
position: relative;
top: 0px;
bottom: 20px;
left: 0px;
right: 0px;
padding: 5px 25px 15px 25px;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
min-height: 660px;
}

Alles anzeigen

Gibt es denn die Möglichkeit, dass ich das einfach abfrage?

Klappt!

Ich habe es nun hinbekommen.

Ich habe einfach zwei unterschiedliche CSS aufgebaut und er fragt ab ob es der IE ist. Ist dies der Fall dann läd er eine extra angepasste CSS :)

Danke nochmal!