Hilfe beim Header

[invicous]

Hallo Com,

ich bin noch Anfänger im Webdesignen und habe nun, bei meiner ersten größeren Homepage die ich mache, ein paar Fragen:

1. Header
Ich habe einen Header, der von links und rechts jeweils am Bildschirmrand anliegt. In diesem Header ist ein Bild, in der in der Mitte das Logo sein soll und drumherum der Bildhintergrund der Hintergrund des kompletten Containers ist.
Hier ein Screen:

 Spoiler

Wie gesagt, dabei ist das schwarze nicht "background-color:black; sondern der Bildhintergrund (das wird später natürlich geändert, ist nur ein Testheader).

Aber nun zu meinem Problem: Ich möchte, dass sich das Logo immer in die Mitte schiebt, also auch auf kleineren Bildschirmauflösungen in der Mitte bleibt.

Wo wir nun zu meiner zweiten Frage kämen:
Wie bekomme ich es hin, dass meine Website immer einen optisch passenden Abstand zu den Bildschirmrändern hat? Bisher habe ich die Website immer an meinem 1920x1080 Bildschirm (23'') gemacht, als ich sie dann mit einem älteren PC mit einer niedrigeren Auflösung angeschaut habe, war alles total am falschen Platz.. Wie kann ich meine Website für alle Auflösung ansprechend Gestalten? Bzw. Wie muss ich die Website grundlegend aufbauen, um sie auf ziemlich allen Bildschirmvarianten gut aussehen zu lassen?

Danke für die Hilfen und schönen Sonntag noch.

[Evolutio]

Du kannst dem header mit dem schwarzen Bild eine width:100% geben, dann machst du noch einen weiteren div z.B. mit der ID Logo, den gibst du eine Breite von 960px (Im Web-Design/Web-Development arbeitet man Standardgemäß mit 960px Breite) und gibst dem Logo diesen Stylewert: margin: 0 auto; damit ist das ganze schonmal mittig. Jetzt kannst du das noch mit position: relative; und top,left,right,bottom positionieren.

[ExChill]

Du hast unten vergessen den Link zu übermalen...

[invicous]

@Evolutio: Okay danke, werde ich gleich testen, eine Frage: Wieso genau 960px?

@ExChill: Mist, wollte eigentlich nicht, dass die Domain public wird, aber egal ^^ Hab solange ne Umleitung gemacht :P

[Evolutio]

Weil 960px Problemlos auf jedem Desktop-PC dargestellt werden können

[xEncounter]

Wenn du mit absolute positionierten Div's arbeitet sollte es eig überall gleich aussehen.

Bzw. bei align="center" wird es immer zentriert angezeigt.

[Evolutio]

Originally Posted by xEncounter

Wenn du mit absolute positionierten Div's arbeitet sollte es eig überall gleich aussehen.

Bzw. bei align="center" wird es immer zentriert angezeigt.

Das ist aber nicht gerade schön gelöst..

[mastermo]

Alternativ kann man im CSS auch mit "background-position" arbeiten

[A1C3A1B2]

Originally Posted by Evolutio

(Im Web-Design/Web-Development arbeitet man Standardgemäß mit 960px Breite)

Da stell ich doch glatt mal ne zwischenfrage gilt das für den Content bereich oder für den kompletten Bereich für die Webseite also incl. Hintergrund.