Body-Block nicht über ganze Länge

beteka

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!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Das liegt am bsolut positionierten #content. Absolut positioniertee Elemente werden aus dem normalen Fluß herausgenommen, d.h. der #footer weiß gar nicht, wo der #content aufhört.

Code

#content {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
left:195px;
min-height:690px;
padding:5px 25px 15px;
[COLOR="Red"]position:absolute;[/COLOR]
right:0px;
top:10px;
width:530px;
}

Alles anzeigen

PS: Bitte Code-Tags für Quellcode-Passagen verwenden!

beteka

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

Monika

du brauchst für dieses Template nie position absolute

infolgedessen auch nie left oder right ....

und min-height bedeutet Mindesthöhe, das versteht so mancher IE aber als height...

Simplyfy your CSS - oder Ãœberblick in der style.css

da findest du eine Muster CSS und eine Muster XHTML zum download.

da wo bei meinem Muster der Content ist magst Du die Sidebar haben,
benenn dies einfach um und ändere die Breiten..

das funktioniert sicher

position absolute in der style.css sollte man wirklich nur nehmen, wenn man sich sehr gut mit css auskennt, es hat einfach viel zu viele Folgen

lg

beteka

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?

beteka

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!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Body-Block nicht über ganze Länge

Jetzt mitmachen!