• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Footer verschiebt sich!

K

kajinjeyam

Neues Mitglied
Hallo liebe Freunde,

Ich erstelle zur Zeit für einen Tempel eine Webseite. Nun habe ich das Layout beinahe fertig, doch trotzdem ist da ein Fehler. Der Footer verschiebt sich nach oben. Eigentlich habe ich den ganzen anderen Inhlt in einen Main Wrapper gesteckt und den Footer in den Footer Wrapper. Ich habe mal die Seite hochgeladen: Unbenanntes Dokument

Um zu zeigen, was jetzt der Footer Wrpper ist, habe ich den rot gemacht. Der Inhalt vom Footer Wrapper allerdings ist da, wo er sein sollte, also unten.

Bitte hilft mi. Dank!

BR

Kajin
 
Hallo.

Du hast zeimlich viel gefloatet, ich habe aber kein einziges clear gesehen.
Wenn du floatest musst du danach auch wieder clearen.

Gruss
Elroy
 
Immer den um die gefloateten Elemente liegenden.

HTML: 
<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <style type="text/css">
    .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.container {
    width: 200px;
    border: 10px solid red;
}

.item {
    width: 48px;
    height: 48px;
    border: 1px solid #ccc;
    background: #eee;
    float: left;
}

        </style>
    </head>

    <body>

        <div class="container clearfix">
            <div class="item">item</div>
            <div class="item">item</div>
            <div class="item">item</div>
            <div class="item">item</div>
            <div class="item">item</div>
            <div class="item">item</div>
            <div class="item">item</div>
            <div class="item">item</div>
            <div class="item">item</div>
            <div class="item">item</div>
        </div>

    </body>

</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben