zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Footer wandert nicht nach unten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.09.2010, 22:20
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.01.2005
Beiträge: 41
masterschenk befindet sich auf einem aufstrebenden Ast
Standard 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&uuml;hrung &amp; 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 &uuml;ber uns</a></li>
                                <li><a href="#" title="">Kontakt</a></li>
                                <li><a href="#" title="">AGB / Datenschutzerkl&auml;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 />&nbsp;&nbsp;zur Sozialversicherung, Wegfall der gesetzl. K&uuml;ndigungsregelungen)</p><p>- abzugsf&auml;hige Buchf&uuml;hrungskosten</p><p>- genaue Kalkulation der Kosten f&uuml;r unsere Leistung</p><p>- pers&ouml;nliche und fachkompetente Betreuung</p>
                        <h2>Referenzen</h2>
                        <p>Kleine und mittelst&auml;ndische Unternehmen nutzen unseren Service um sich auf ihr<br />Kerngesch&auml;ft zu konzentrieren.<br />Dabei stehen Verschwiegenheit, Professionalit&auml;t und  Vertrauenswürdigkeit im<br />Vordergrund unserer Gesch&auml;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 &copy; 2010<a href="#" title="">Impressum</a></p>
</div>
</body>
</html>
css Datei

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;
                }
Grüße
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.09.2010, 22:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Die abs. Positionierung muss weg.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.09.2010, 22:33
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.01.2005
Beiträge: 41
masterschenk befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Die abs. Positionierung muss weg.
Ich bin begeistert
Vielen Dank für die schnelle Hilfe!

Grüße
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:59 Uhr.