Header verschiebt sich ...

ballaballa

Hallo erstmal!
Bin gerade dabei eine Myspaceseite zu gestalten und nutze dafür meine relativ kleinen Anfänger-HTML-Kenntnisse.
Ich habe einen Code um auf der Seite ein Header einzubinden

HTML

<style type="text/css">


body{ 
background-position:top center;margin-top: 400;}
 
div.topbanner {
top: 0;
left: 49%;
margin-left: 500px;
width: 100%;
height: 400px;
position: absolute;
}
</style>




<div style="position:absolute;top:0px; left:150px">
<img src="http://img5.imageshack.us/img5/696/topkopiexf3.png"border="0"
width="700" height="400"></div>

Alles anzeigen

Ich arbeite an einem alten PC-Monitor und sehe auch alles so wie es sein soll.
Jedoch habe ich mir das ganze mal auf einem neueren Flachbildschirm mit anderen Maßen (weiss die genauen nich, glaube 16:9 o.ä.) angesehen und festgestellt dass, mein banner ein ganzes Stück nach Links verschoben ist.

Wo liegt das Problem und wer kann mir helfen ein Lösung zu finden.
Danke im Vorraus;)

sejuma

Absolute Positionierungen sind meist absolut unnötig, wenn man sie nicht gezielt einsetzt.
Zentrierung deshalb besser so:

Code

<img style="text-align: center;"  src="http://img5.imageshack.us/img5/696/topkopiexf3.png"border="0"width="700" height="400"><br>

oder

Code

<img style="display: block; width: 700px; height: 400px; margin: 0 auto; border: none;" src="http://img5.imageshack.us/img5/696/topkopiexf3.png>

Tags