footer

[Synturas]

hey, ich hab wieder einmal ein problem, ich habe einen footer

<center><div class="footer" style="z-index:-1; bottom:0px;">
content.....content
</div></center>


und der css teil :

.footer {

position:relative;
background-color: #202020;
text-align:center;
font-family:"Times New Roman", Times, serif;
height:autos;
color:#9F9F9F;
bottom: 0px;
height:auto;
align: center;
-moz-border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
box-shadow:5px 5px 5px rgba(0,0,0,0.5);
display: table-cell;
width:500px;
}


ich hab jetzt das proble, das der footer immer einen gewissen abstand zum unteren bildschirmrand hat, wenn man nicht scrollen muss. ich hab deshalb noch den css teil eingebunden :

body {

height: 100%;

}

html {

height: 100%;

}


allerdings passiert immer noch nichts, der div soll auf "relative" bleiben, und die breite soll ich ebenfalls nicht verändern, wenn ich ihn nämlich auf positive setze ist er nicht mehr zentriert, und er funktioniert nicht mehr wie er soll, im endeffekt soll er einfach nur ganz unten am bildschirm kleben und genau das tut er nicht

[Project Rivalry]

PHP Code:

<center><div class="footer" >
content.....content
</div></center>
body {
padding:0;
margin :0;
}

.footer {
z-index:-1;
position:relative;
background-color: #202020;
text-align:center;
font-family:"Times New Roman", Times, serif;
height:auto;
color:#9F9F9F;
margin-bottom: 0px;

vertical-align: center;
-moz-border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
box-shadow:5px 5px 5px rgba(0,0,0,0.5);
display: table-cell;
width:500px;
} 


und pack den ganzen css gram in ne css net in die tags...

[Synturas]

funktioniert nicht, bitte nur codes angeben die auch getestet wurden.

[Project Rivalry]

habs nomal überarbeitet aber habs au net getestet... du hast css tags genutzt die es entweder nicht gibt oder ich nicht kenne^^

[Synturas]

funktioniert nicht ://

[Mikesch01]

Wow, du baust ja viel Käse rein

1. Center ist schon lange als deprecated angesehen, also nicht mehr XHTML konform.
2. baust du auch manchmal doppelte Eigenschaften ein! z.b height: auto; und height: autos; (wobei Autos du eher auf der Straße benutzen solltest)

<div class="footer" style="z-index:-1; bottom:0px;">
content.....content
</div>

body {
position: relative;
//text-align: center; /* wird verwendet für IE zum zentrieren! - jedoch müssen alle anderen Inhalte mit text-align: left wieder korrekt ausgerichtet werden, daher lasse ich das mal nun weg */
}

.footer {
position:fixed;
bottom: 0;
left: 0; //immer schön zwei Angaben zur Position angeben, nicht nur bottom!
margin: 0px auto;
background-color: #202020;
text-align: center;
font-family:"Times New Roman", Times, serif;
height: 50px; //eine Höhe ist Pflicht!
color:#9F9F9F;
-moz-border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
box-shadow:5px 5px 5px rgba(0,0,0,0.5);
display: table-cell; //???? wozu das in deinem script dient weiss ich nicht, aber klingt nicht sinnvoll in einem footer! ich würde da den display weglassen!
width:500px;
}

[Synturas]

ich will einen footer mit position:relative keinen body mit relative und auch dann logischerweiße auch keinen footer mit fixed

[The Steven]

Grüß Dich,

du kannst eine Lösung auf folgender Seite finden:



Sollte dein kleines / einfaches Problem lösen.

Nächstes mal am besten gleich danach suchen


Gruß

[Synturas]

hab diese lösung vorher auch schon gefunden, angewendet ein bisschen angepasst funktioniert reibungslos, AAAAber der footer teil (alle 2 dis) wird sobald der teil der seite wieder so lang wird das man scrollen muss komplett verschluckt

[Mikesch01]

Originally Posted by Synturas

ich will einen footer mit position:relative keinen body mit relative und auch dann logischerweiße auch keinen footer mit fixed

Weisst du eig. wofür position relative ist?! Nach deiner Meinung willst du es ja immer unten haben...!

[Synturas]

ja weiß ich und ja das ist absichtlich // ist gelöst, durch automatische höhenanpassung geht alles.