Hallo! Bin zum ersten mal hier, da ich TOTAL anstehe, ich habe schon alles versucht...
Ich habe ein Design mit wrap, header, main und footer. Der footer soll ganz unten sein...es gibt folgendes Problem: unter dem footer ist immer noch ein graues feld, das nicht weggeht...ich habe schon alles versucht..im quelltext sind keine leerzeilen, im css nichts mit height länger definiert, dass es hinter dem footer drüberstehen könnte....ich bin am verzweifeln...es wäre toll, wenn mir jemand helfen könnte....hab schon viel in foren gesucht und einiges ausprobiert...nichts...
hier der code und ein screen shot. das grün gestrichelte soll bitte weg!!! danke!!!
CSS:
* {
margin:0;
padding:0;
}
html, body {border:0;
background-color:#313131;
background-image:url(../img/bg.jpg);
background-repeat:repeat-x;
background-position:top;
height:100%;
}
#wrapmain{
min-height:100%;
height:auto !important;
height: 100%;
width:100%;
position: relative;
}
#wrap { width:900px; margin:0 auto;}
#header{
height:157px;
width:900px;
}
#main{
background-image:url(../img/Bilder/main_inner1_bg.png);
repeat:no-repeat;
width:900px;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#ccc;
}
#footer{
height:101px;
background-image:url(../img/Bilder/footer_bg.png);
background-repeat:repeat;
font-size:10px;
color:#cccccc;
font-family:Tahoma, Geneva, sans-serif;
position:relative;
bottom:0;
width:100%;
}

Ich habe ein Design mit wrap, header, main und footer. Der footer soll ganz unten sein...es gibt folgendes Problem: unter dem footer ist immer noch ein graues feld, das nicht weggeht...ich habe schon alles versucht..im quelltext sind keine leerzeilen, im css nichts mit height länger definiert, dass es hinter dem footer drüberstehen könnte....ich bin am verzweifeln...es wäre toll, wenn mir jemand helfen könnte....hab schon viel in foren gesucht und einiges ausprobiert...nichts...
hier der code und ein screen shot. das grün gestrichelte soll bitte weg!!! danke!!!
CSS:
* {
margin:0;
padding:0;
}
html, body {border:0;
background-color:#313131;
background-image:url(../img/bg.jpg);
background-repeat:repeat-x;
background-position:top;
height:100%;
}
#wrapmain{
min-height:100%;
height:auto !important;
height: 100%;
width:100%;
position: relative;
}
#wrap { width:900px; margin:0 auto;}
#header{
height:157px;
width:900px;
}
#main{
background-image:url(../img/Bilder/main_inner1_bg.png);
repeat:no-repeat;
width:900px;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#ccc;
}
#footer{
height:101px;
background-image:url(../img/Bilder/footer_bg.png);
background-repeat:repeat;
font-size:10px;
color:#cccccc;
font-family:Tahoma, Geneva, sans-serif;
position:relative;
bottom:0;
width:100%;
}
