Footer sieht "verrutscht" aus

[Thorben]

Guten Abend liebe Community,

ich habe (mal wieder) ein Problem mit meinem Template.
Mein Footer liegt nicht exakt unterhalb des Content-Bereiches. ( Startseite )
Was muss ich ändern, damit ich das hinbekomme?

Hier der Code:

.page_width {
    width: 1080px;
}

#page {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
}

#outer_wrapper {
    text-align: center;
}

#page_wrapper {
    margin: 0 auto;
    float: left;
    width: 100%;
    z-index: 80;
}

#header_wrapper {
    z-index: 100;
}

#header { 
    text-align: left;
    position: relative;
    height: 70px;
    z-index: 100;
}

#settings {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 0.9em;
    z-index: 120;
}

#logo {
    height: 100%;
    float: left;
    position: relative;
}

#headlinks_wrapper {
    height: 100%;
    position: relative;
    margin: 0 0 0 190px;
    z-index: 100;
}

#headlinks {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

#speciallinks {
    text-align: center;
    background-color: #f6f6f6;
    border-radius: 0 0 10px 10px;
}

#search {
    padding: 4px 0 5px 0;
    background-color: #fbfbfb;
    z-index: 120;
}

#content {
    position: relative;
    width: 747px;
    padding: 5px 0;
    text-align: left;
    z-index: 1;
}

#content_wrapper {
    float: left;
    width: 100%;
}

#breadcrumb {
    font-size: .98em;
    border-bottom: 1px solid #ddd;
    padding: 0 0 0.25em 0;
    margin: 0 0 1em 0;
}

#content_footer {
    margin-top: 15px;
    border-top: 1px solid #ddd;
    text-align: right;
}

#content_footer a {
    font-size: .88em;
}

#footer_wrapper {

 margin: 0 auto;
 text-align: center;
 width: 747px;
 background-color: #fbfbfb;
 clear: both;

 
 

}

 

[boaa-group]

AW: Footer sieht "verrutscht" aus

Am Ende deiner CSS Datei folgendes einfügen:

#footer {
background-color: transparent;
}
#footer_wrapper{
[COLOR=#C80000]margin-left[/COLOR]: 93px !important;
[COLOR=#C80000]background-color[/COLOR]: #fbfbfb;
[COLOR=#C80000]width[/COLOR]: 769px;
}

Sollte klappen...

 

[wawi-dl]

AW: Footer sieht "verrutscht" aus

Sollte klappen, aber würde zur restlichen "dirty" Formatierung passen

Es sind viele Margin-Befehle drin, unterschiedliche Breiten (980 und 1080 Pixel) usw usw .... hier sollte man vorher sauber aufräumen.

 

[boaa-group]

AW: Footer sieht "verrutscht" aus

Sollte klappen, aber würde zur restlichen "dirty" Formatierung passen

Es sind viele Margin-Befehle drin, unterschiedliche Breiten (980 und 1080 Pixel) usw usw .... hier sollte man vorher sauber aufräumen.

Stimmt, hab mir heute beim Kaffee die Seite nicht genau angesehen sondern eben nur "schnell" im Firebug den Footer zurecht gerückt...