Mache zum ersten mal ein komplett auf CSS basierendes Layout und bekomms nicht hin das der Border der Menüleiste zu 100% den Container(also bis zum Anfang der Footer-Leiste ausfüllt, er reicht immer weiter als der Container eigentlich hoch ist.
Hier zur aktuellen Ablage: http://xulu.net/sauerzweig/
Wisst ihr da was am Code falsch seien könnte?
Oh und eben is mir aufgefallen das mit dem Footer was im IE nicht stimmt...aaaaaargh, das is ja zum ausflippen mit css
html, body { height: 100%; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(bg.gif); background-repeat: repeat; background-attachment: fixed; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .container { min-height: 100%; height: 100%; width: 804px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #53788a; border-left-color: #53788a; margin-top: 0em; margin-right: auto; margin-bottom: 1em; margin-left: auto; background-color: #FFFFFF; } .headbar { background-color: #FFFFFF; height: 25px; text-align: right; } .header { background-image: url(header.jpg); background-repeat: no-repeat; height: 155px; width: 804px; } .content { margin-right: 151px; margin-left: 151px; width: auto; padding: 10px; text-align: justify; } .mainnav { background-image: url(nav_bg.jpg); height: 70px; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #53788a; background-repeat: repeat-x; text-align: center; vertical-align: top; background-color: #FFFFFF; } .menu { width: 140px; border-left-width: 1px; border-left-style: solid; border-left-color: #006699; float: right; padding: 5px; } .menu2 { min-height: 100%; height: 100%; width: 140px; border-right-width: 1px; border-right-style: solid; border-right-color: #006699; float: left; padding: 5px; } .footer { background-image: url(footbar_bg.jpg); background-repeat: repeat-y; width: 804px; position: absolute; bottom: 0; height: 22px; text-align: center; padding-top: 6px; }
Dieser Beitrag wurde von GrafZahl bearbeitet: 18. Januar 2006 - 19:01