✔ Header

[FingerSkill]

Hallo,

auf meiner Seite wird eine Ebene leicht versetzt angezeigt und ich weis nicht warum.

CSS:

#Header {
	margin:0 auto;
	text-align:center;
	padding:0px;
	position:fixed;
	width:100%;
	height:86px;
	}

HTML-Ebene:

<div id="Header">
    <img src="img/layout/header.jpg" alt="Logo" longdesc="http://game.computer-artists.com/img/layout/header.jpg">
  </div>

Der Link zu der Seite ist http://game.computer-artists.com

Währe cool wenn sich das wer anschaun könnte ich komm da ned weiter.

Gruss Finga

 

[Maik]

Hi,

das ist letztlich ein "Zusammenspiel" der position:fixed- und width:100%-Deklaration für die Box #Header, sowie dem horizontalen Innenabstand für den Dokumentkörper und Viewport, dass der Header und sein Inhalt nicht mehr exakt in der Mitte sitzt, denn die fixierte Positionierung richtet sich immer an den Grenzen des Browserfensters aus, und wird so um 5px nach rechts verschoben.

Einfach mal zur besseren Visualisierung eine kontrastreiche Hintergrundfarbe für die Box definieren, um zu erkennen, wo sich ihre Grenzen im Anzeigebereich befinden.

Und da der IE6 diese Art der Positionierung überhaupt nicht unterstützt, bricht er die rechte Box in die nächste Zeile um, und ordnet sie unterhalb der linken Box an.

 

[FingerSkill]

Ok das heist ich werde schaun dasses im IE6 richtig angezeigt wird und den Rest so lassen hört sich etwas zu kompliziert für mich an Aber danke für deine Antwort.

Gruss Finga