footer

07/02/2012 20:18 Synturas#1

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 :(

07/02/2012 20:27 Project Rivalry#2

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...

07/02/2012 20:31 Synturas#3

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

07/02/2012 20:32 Project Rivalry#4

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

07/02/2012 20:39 Synturas#5

funktioniert nicht ://

07/02/2012 20:43 Mikesch01#6

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)

HTML Code:

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

Code:

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;
}

07/02/2012 21:19 Synturas#7

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

07/02/2012 21:24 The Steven#8

Gr�� Dich,

du kannst eine L�sung auf folgender Seite finden:

[Only registered and activated users can see links. Click Here To Register...]

Sollte dein kleines / einfaches Problem l�sen. ;)

N�chstes mal am besten gleich danach suchen [Only registered and activated users can see links. Click Here To Register...]

Gru�

07/02/2012 21:38 Synturas#9

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

07/02/2012 22:05 Mikesch01#10

Quote:

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...!

07/02/2012 22:57 Synturas#11

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