Footer nach unten gedrückt

Status
Nicht offen für weitere Antworten.

WIK-Lars

Erfahrenes Mitglied
Hallo,

obwohl es eine Zeit lang funktioniert hat, wird der Footer meiner Website jetzt ans Ende der Seite gerückt und nicht, so wie ich es mal hatte, am unteren Ende des Bildschirms fix angezeigt. Ich kann mir das gar nicht erklären. Ich dachte, durch meine overflow- und clear-Einstellungen wäre dieses Problem längst erledigt gewesen.

Ich poste hier mal den wichtigsten Teil meines CSS-Codes.
Kann jemand daraus erkennen, wo der Pferdefuß ist?

Code:
html, body {    
        width: 99,99%;
        height: 99,99%;
        font-family: Sans-Serif;}
#header {      width: 100%;    
        height: 70px;
        background-image: url(images/NeuerHeader.gif);
        background-repeat: no-repeat;
        text-align: right;  }        
#content {     width: 67%;
        height: 75%;
        float: left;
        margin-right:0px; !important  
        margin-right:-3px; /* Fixt "3px-Gap-Bug" im IE6 */
        overflow: auto;}
#right {     width: 33%;
        height: 75%;
        float: right;
        overflow: auto; }                 
#footer {     clear: both;
        width:100%;
        height: 25px;
        background-color: #003366;
        color: white;
        padding-left: 5px;
        font-size: 13px; 
        z-index: 100;}
.footer_left { padding-top: 3.5px;
        float: left; }
.footer_right { float: right;
        padding-right: 20px; }
#footer img {     vertical-align: middle;
        margin: 4.5px 0;
        border: 1px solid #99CCFF; }

Vielen Dank für sachdienliche Hinweise!
 
Da ist was dran.

Code:
<body>

<div id="header"></div>

<div class="menu"></div>


<div id="content"></div>

<div id="right"></div>

<div id="footer">
<span class="footer_left">
Home |
Downloads | 
Kontakt | 
Impressum 
</span>
<span class="footer_right">
<img src="images/de_klein.GIF">
<img src="images/sp_klein.GIF">
<img src="images/uk_klein.GIF">
<img src="images/fr_klein.GIF">
</span>
</div>

</body>
 
Hi,

Dezimalstellen werden mit einem Punkt, und nicht mit dem Komma getrennt, also lautet es "99.99%" für die Breiten- u. Höhenangabe.

Achja, im #content-Selektor hast du in der ersten margin-right-Deklaration das Semikolon falsch gesetzt.
 
Status
Nicht offen für weitere Antworten.
Zurück