CSS-Problem bitte helfen - Wichtig

10/28/2012 10:34 Critone#1
Hey,

ich habe ein Problem.

Screen:

Der Footer ist über/unter dem Content..wenn der Content kürzer ist dann ist das NICHT so. Dann ist der Footer am unteren Bildschirmrand "getakert" so wie es sein soll. Aber wenn der Content durch den Inhalt auf verschiedenen Seiten länger wird, dann überlappt sich das.

Ich will aber das zwischen dem Content oder "Main-Bereich" und dem Footer mindestens 50px Platz sind aber ich weiß nicht wie ich das hinkriegen soll :/

Footer:
Code:
#footer{
	position:absolute;
	bottom:0px;
	height:50px;
	padding-top:50px;
	text-align:center;
	width:100%;
	background:url(../img/layout/footer.png) repeat-x;
	color:#322723;
}
So sieht es aus, wenn der Content kürzer ist und so sollte es immer aussehen:

Würde mich über schnelle Hilfe freuen.

Gruß
Critone
10/28/2012 10:37 .DOPE.#2
versuchs mal mit position:relativ;
10/28/2012 10:39 Hiris#3
Versuchs mal mit margin-top: 50px; ôo
10/28/2012 10:39 Critone#4
Dann sieht das so aus :/

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

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

Quote:
Originally Posted by Hiris View Post
Versuchs mal mit margin-top: 50px; ôo
Das hat nichts gebracht. Habe ich ja auch schon probiert :/
10/28/2012 10:40 Hiris#5
Mit dem margin top siehts so aus? ôoô
Edit: wenn du die echte url mit der website posten würdest, könnte ich dir schnell helfen
10/28/2012 10:41 .DOPE.#6
ach tut mir leid habe voll falsch gelesen :D
aber trzdem solltest du es auf relativ lassen.. Ist immer ein vergleich zu 1(sehr gut) und 2(nur gut)..

btw: Hiris so würde ich es auch sagen..
10/28/2012 10:41 Critone#7
Quote:
Originally Posted by Hiris View Post
Mit dem margin top siehts so aus? ôoô
Nein aber mit margin-top verändert sich nichts. Da ist es genauso wie oben.

Ja dann muss ich die Homepage ebend auf einem Webspace hochladen. 2min ^^


€:

So hier die Seite: [Only registered and activated users can see links. Click Here To Register...]

Und hier für den Bug die Seite: [Only registered and activated users can see links. Click Here To Register...]

Achja und irgendwie sieht man den Banner nicht..den sieht man irgendwie nur wenn ich local hoste...hm ka
10/28/2012 12:21 NotEnoughForYou#8
Wer floatet muss auch clearen....

HTML Code:
#footer{
	position:relative;
	height:50px;
	padding-top:50px;
	text-align:center;
	width:100%;
	background:url(../img/layout/footer.png) repeat-x;
	color:#322723;
        clear:both;
}
alternativ kannst du um alles noch ein div setzen und dem die höhe 100% geben , dann ist der footer immer ganz unten.
Oder den footer in ein relatives div setzen, dannach dem footer wieder eine absolute geben mit bottom:0; und mit dem relative div clearen... dann sollte es hinhauen
10/29/2012 21:49 Critone#9
Dankeschön, das sieht schon besser aus :)
Aber wie du auf dem Screen siehst ist der footer direkt an der sidebar rechts...ich möchte aber das er mindesten 50px davon entfernt ist aber mit margin-top habe ich das nicht hinbekommen :/
Also doch habe ich aber der footer hat sich erst ab 400px ein kleines stück tiefer bewegt also glaube ich das der footer sich irgendwie am Header orientiert :/ wie änder ich das? :(


Edit:

Mit diesem Code sieht auch alles super aus, also so wie es sollte:

Code:
#footer{
	background:url(../img/layout/footer.png) repeat-x;
	color:#322723;
	position:absolute;
	bottom:0px;
	left:auto;
	right:auto;
	width:100%;
	height:100px;
}

#footer p{
	text-align:center;
	padding-top:25px;
}
Bild:

Wenn man jedoch wieder diese eine Seite aufruft wo der Content so lang ist dann sieht es wieder so aus:

Würde mich echt über Hilfe freuen.