|
|||
Footer wandert nicht nach unten
Hallo,
ich habe mit meiner Seite nen kleines Problem. Und zwar wenn der Hauptbereich länger wird, bleibt der Footer an seiner Stelle stehen und wandert nicht nach unten. Ich hoffe man kann mir hier nen Tipp geben und helfen. html Datei HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"> <div id="logo"></div> <div id="headline"> <hr></hr> <h1>buchführung & betriebswirtschaftliche beratung</h1> </div> </div> <div id="wrapper"> <div id="sidebar"> <div id="menu"> <h2>Navigation Menu</h2> <ul> <li><a href="index.html" title="">Home</a></li> <li><a href="vorteile.html" title="">Ihre Vorteile</a></li> <li><a href="#" title="">Unsere Leistung</a></li> <li><a href="#" title="">Wir über uns</a></li> <li><a href="#" title="">Kontakt</a></li> <li><a href="#" title="">AGB / Datenschutzerklärung</a></li> </ul> </div> <div id="bbh"><img src="images/bbh.gif"> </div> </div> <div id="content"> <div id="welcome"> <h2>Ihre Vorteile</h2> <p>- freie Ressourcen</p> <p>- keine Personalkosten (kein Krankheits- und Urlaubsgeld, kein Arbeitgeberanteil<br /> zur Sozialversicherung, Wegfall der gesetzl. Kündigungsregelungen)</p><p>- abzugsfähige Buchführungskosten</p><p>- genaue Kalkulation der Kosten für unsere Leistung</p><p>- persönliche und fachkompetente Betreuung</p> <h2>Referenzen</h2> <p>Kleine und mittelständische Unternehmen nutzen unseren Service um sich auf ihr<br />Kerngeschäft zu konzentrieren.<br />Dabei stehen Verschwiegenheit, Professionalität und Vertrauenswürdigkeit im<br />Vordergrund unserer Geschäftsbeziehung.</p> <p><strong>Unser Kundenstamm</strong></p> <p>- Handwerksbetriebe</p><p>- produzierendes Gewerbe</p><p>- Dienstleister</p><p>- Groß- und Einzelhandel</p><p>- Gastronomie</p> </div> </div> <div style="height: 1px; clear: both;"></div> </div> <div id="footer"> <p>Copyright © 2010<a href="#" title="">Impressum</a></p> </div> </body> </html> HTML-Code:
* { margin: 0; padding: 0; } body { background: #FFF; font-family: Arial, Helvetica, sans-serif; color: #263671; } h2 { margin-bottom: 1em; font-size: 1.7em; } hr { color: #263671; } p, blockquote, ul, ol { margin-bottom: 1.5em; } blockquote { margin-left: 2em; padding-left: 1em; border-left: 3px solid #F08F02; font-style: italic; } a:link { color: #F08F02; } a:hover { text-decoration: none; } #header { height: 145px; padding: 0 0 0 280px; background: url(images/akten.jpg) no-repeat; } #headline { float: left; width:40em; height: 65px; } #logo { float: left; width:6em; height: 60px; margin: 20px 0 0 540px; background: url(images/logo.jpg) no-repeat; } #headline h1 { float: left; letter-spacing: 0.2em; font-style: italic; font-size: 0.9em; } #wrapper { margin-right: 100px; background: url(images/menu2.jpg) repeat-y 221px; } #sidebar { float: left; width: 221px; } #content {float:left; position:absolute; margin-left: 280px; padding: 10px 0 20px 0px; } #menu { } #menu h2 { display: none; } #menu ul { margin: 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; height: 27px; padding: 16px 0 0 5px; background: url(images/menu.jpg) repeat-x; text-decoration: none; font-size: 0.9em; font-weight: bold; font-style: italic; color: #263671; } #menu a:hover, #footer a:hover { color: #F08F02; } #bbh { padding: 30px; background: url(images/bbh.gif) repeat-none; } #welcome, #welcome_zwei { } #footer { padding: 10px 30px; background: url(images/footer.gif); color: #ADB07C; } #footer p { margin: 0; font-size: .8em; } #footer a { color: #ADB07C; text-decoration: none; } |
Sponsored Links |
|
|||
Die abs. Positionierung muss weg.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Ich bin begeistert
Vielen Dank für die schnelle Hilfe! Grüße |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Footer container werden untereinander dargestellt... | Ntracks | CSS | 10 | 07.08.2010 19:24 |
cssstickyfooter.com | horizontales Scrollen --> Footer verschwindet | daigo | CSS | 0 | 19.05.2009 11:56 |
Layout - footer und layer[links] - Probleme - (CSS-Anfänger) | Basti_LRT | CSS | 1 | 08.10.2007 23:03 |
Footer Problem (3 spaltiges Layout, variable Höhe) | Lofesto | CSS | 2 | 23.07.2007 17:13 |
Footer Problem | blub19 | CSS | 6 | 25.01.2005 12:46 |