Layout von Auflösung unabhängig machen

[suit]

Die breite von 800px reicht auf jedenfall aus und soll auch nicht größer werden, da der Textinhalt relativ klein ist und sonst ziemlich verloren aussieht.

das mit 800px reicht auf jeden fall aus haben sich die leute vom orf auch gedacht ;) bei 3360px viewportbereite siehts scheisse aus und auf meinem mobilen gerät mit 256px ebenfalls :D

Das ist jetzt vielleich recht kompliziert aber naja...

du musst dir jetzt überlegen, ob du ein fixes layout willst oder nicht - dein problem ist extrem simpel zu lösen

du benötigst nebst html und body 2 elemente bzw sogar weniger, wenn du body und html ebenfalls zur formatierung heranziehst - das mag aber teilweise der ie6 nicht

also mal das beispiel hier:

<div id="header"></div>
<div id="content"></div>

#header {
  width: 1000px;
  height: 400px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -500px; /* seine halbe breite */
  background: red;
}

#container {
  position: realtive;
  width: 800px;
  margin: 100px; auto 0 auto;
  background: green;
}

die alternative ist ein flüssiges layout - dafür tauscht du einfach px gegen % oder em (natürlich runterrechnen)

bei den hintergrundgrafiken musst du dann entweder mehrere elemente mit mehreren hintergrundgarfiken verwenden (etwa die runde-ecken-technik missbrauchen) oder du verwendest wiederholbare grafiken