also wenn ich das jetzt richtig verstanden habe willst du dein Titelbild immer an der gleichen position über dem Main-Content haben. Sprich es soll sich auch mitbewegen wenn der Main-Content sich verändert, also eine andere Auflösung benutzt wird oder was auch immer^^
wenn das der fall ist versuch es doch mal damit
Code:
<html>
<head>
<link href="main.css" rel="Stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<img src="HeaderTest.png" width="902" height="150">
</div>
<div id="main-content">
</div>
</div>
</body>
</html>
das soll jetzt erst mal ein Ansatz sein^^
achso der Wrapper dient nur dafür das sich alles in einem div-Container befindet und somit hast du dann alles immer an der richtigen stelle (wenn du im CSS alles richtig machst^^)
im CSS gibst du im Wrapper an das er sich immer mittig halten soll
das ganze machst du nicht mit
text-align:center;
sondern mit
margin-right: auto;
margin-left: auto;