|
|||
Footer Problem (3 spaltiges Layout, variable Höhe)
Hallo,
ich habe ein 3 spaltiges CSS Layout mit Header und Footer. Es klappt alles soweit aber der Footer bzw der mittlere Bereich macht Probleme. Hier eine Übersicht meines Layouts: Der Footer soll halt immer unter den dreispaltigen Inhalt stehen. Die Höhe des Inhalts soll variabel sein. Das Problem ist nun, dass der Footer über dem Inhalt steht, sobald der Inhalt länger wird! Hier ein Auszug vom CSS: Code:
#header{ width: 985px; background: white; height: 138px; color:black; position:absolute; left:0px; top:0px; } #header span{ display: block; color: white; font-size: 12px; text-transform: none; margin-top: -45px; /* nach oben verschieben */ font-weight: normal; } /* Inhalt */ #inhalt{ position:absolute; left:0px; top:160px; width: 984px; text-align: left; /* wichtig */ background-color:white; padding-bottom:30px; border-right:1px solid #CCCCCC; min-height: 100%; height: auto !important; height: 100%; } #inhalt_left{ position:absolute; left:12px; top:70px; width: 130px; min-height: 100%; height: auto !important; height: 100%; } #inhalt_middle{ position:absolute; left:160px; top:70px; width: 724px; min-height: 100%; height: auto !important; height: 100%; } #inhalt_right{ position:absolute; left:780px; top:70px; width: 130px; padding:0px 0px 0px 20px; min-height: 100%; height: auto !important; height: 100%; } /* Footer */ #footer{ position: absolute; bottom: 0 !important; bottom: -1px; height: 30px; width:984px; line-height: 30px; background: white; color:#474747; text-align: center; } #footer span a{ float: right; margin: -30px 10px 0 0; color: orange; } #footer span a:hover{ color: white; } Code:
<div id="inhalt"> <div id="inhalt_left">test left</div> <div id="inhalt_middle">test middle</div> <div id="inhalt_right">test right</div> <p id="footer">copyright blabla</p> </div> Habe nun schon Tage lang nach dem Fehler gesucht aber nichts gefunden Geändert von Lofesto (23.07.2007 um 14:42 Uhr) |
Sponsored Links |
|
||||||||||||
Nett. Überall hartcodierte Pixelgrößen.
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Das doppelte bottom sieht wie ein Versuch Symptome zu verhindern, statt der Ursache. Zitat:
Zitat:
http://xhtmlforum.de/40267-faq-haeuf...d-haeufig.html Robin
__________________
CSS-Rauch! Nicht einatmen! |
Sponsored Links |
|
|||
Danke für die ausführliche Antwort!
Zu der weißen Schrift auf weißen Hintergrund... Ostfriesen sind nette Menschen Ich habe ja im PHP Bereich gesagt das ich den Header Code nicht gepostet habe. Im Header Bereich ist die Navigation vorhanden und die Schrift auf der Navigation muss weiß sein, da der Hintergrund der Navigation dunkel ist. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit variabler Höhe | shredder01 | CSS | 28 | 22.04.2010 13:55 |
Problem mit 3-spaltigem Layout im Firefox | Imhotep | CSS | 4 | 08.07.2008 18:17 |
Dynamische Layout Breite und Höhe | altes-kind | CSS | 7 | 12.01.2007 12:54 |
Problem mit mehrspaltigem Layout | RalfEggert | CSS | 2 | 05.04.2004 17:20 |