Footer auf manchen Bildschirmen Verschoben

08/09/2012 17:13 Critone#1
Hey,

ich habe ein Script geschrieben...nur der Footer soll mittig unterm Content sein, auf manchen Bildschirmen ist dieser jedoch sehr komisch verschoben (Siehe Screen im Anhang)

[Only registered and activated users can see links. Click Here To Register...] könnt ihr euch das Problem selbst ansehen.

Würde mich freuen, ist wichtig.

Gruß
Critone


CSS - Footer:

Code:
#footer {
	font-size:16px;
	height:50px;
	width:500px;
	color:#565656;
	line-height:200px;
	margin-top:200px;
	margin-left:auto;
	margin-right:auto;
}
08/09/2012 20:46 .Acu³#2
Warum gibst du einer Zeile 200px Line-height?
Ansonsten hab ich versucht dein Problem nachzustellen, aber nicht erfolgreich.
Wo tritt das Problem denn genau auf?


Geb dem ganzen einfach noch ne min-width und setz beide width auf !important.
08/10/2012 00:09 J|R#3
Ich verstehe das problem auch nicht...

Was ich dir aber auf jeden Fall empfehlen kann: Räum deinen Code auf! Der HTML-Quellcode ist ja schlimmer durcheinander als ein durchschnittliches Teenager-Kinderzimmer. Und dann würde ich auch noch die groben Fehler beseitigen und ihn [Only registered and activated users can see links. Click Here To Register...] machen... Vielleicht hat sich dein problem dann auch schon "von alleine" gelöst...

Grüße
08/10/2012 00:58 kissein#4
HTML Code:
<div id="main">
	<div id="sidebar">...</div> // <- float:right
	<div id="content">...</div> // <- float:left
	/*  hier fehlt ein element für clear:both  */
	<div id="footer">...</div> // <- fliesst anhand der vorangegangenen definition weiter
</div>
die IE Versionen sind da interessanterweise ziemlich korrekt, entgegen FF/Chrome

btw.

HTML Code:
margin-top: -150px
-value ist immer ein zeichen dass das konstrukt falsch ist, wenns nicht grad um pixel schubsen im logo geht.
08/10/2012 08:06 galaxyo#5
Also die line-height brauchst du nicht. Da reicht es völlig den Außenabstand einzustellen. Naja gut, wenn würde ich sie auf 50px setzen, da dein Element so hoch ist aber so wie ich das sehe braucht der Footer keine feste Höhe, außer da kommen Bilder rein, macht ja so keinen sichtbaren Unterschied.

Erstelle dir eine Klasse:

Code:
.clear {
clear:both
}
Die packst du dann vor das Footer-DIV-Tag also so:

HTML Code:
<div class="clear"></div>
<div id="footer">
In deinem Quelltext hast du das clear erst beim Paragraphen (p). Das DIV allerdings fließt noch mit, dass dürfte das Problem sein. Machs so wie oben und teste. Sag dann mal bescheid obs geht oder nicht, bin gerade auf der Arbeit, schaue dann Zuhause noch einmal drüber.

Quote:
Originally Posted by J|R;18133519he

Räum deinen Code auf! Der HTML-Quellcode ist ja schlimmer durcheinander als ein durchschnittliches Teenager-Kinderzimmer.

Grüße
Das mag ja sein, aber so wie ich das beurteilen kann verwendet er PHP (auch schon an der Navigation zu sehen). Da kann das gerne mal so verschoben aussehen. Beim Content ist es nicht eingerückt aber es geht doch nicht darum, einen Schönheitswettbewerb zu gewinnen. Solange er seinen Quellcode lesen kann ist doch alles in Ordnung.