Hintergrund - eine Hälfte schwarz, eine Hälfte weiß - Wie?

[EPMS]

Hallo Zusammen,
ich möchte eine HTML-Seite erstellen, bei der die linke Seite des Hintergrund schwarz und die rechte Seite weiß ist. Auf der linken Seite soll Text in weiß und rechts Text in schwarz stehen.

Hier mal ein Beispiel:


Wie bekomme ich das nun hin, dass das bei allen Auflösungen gleich aussieht. Wenn ich jetzt eine Hintergrundgrafik erstelle bei der die linke Hälfte schwarz und die rechts Hälfte weiß ist und ich die Auflösung ändere verschiebt sich alle.

Kann mir da jemand weiterhelfen? Danke im voraus.

 

[Space Vampire]

mach deine hintergrundgrafik breit genug (zB 2000px) aber nur sparsame 1px hoch.
dann zentriere sie mit css

body{
background-image:url("dein/bild.jpg");
background-position:top center;
}

 

[vitus37]

Oder, wenn du zwei Häften mit Text haben möchtest, nutze zwei DIVs, setze diese mittels float in CSS nebeneinander, schreibe in sie deinen Content und gebe ihnen dann in CSS unterschiedliche hintergrundfarben/Schriftfarben (background-color und color)

 

[Space Vampire]

bei einer komplett zweigeteilten website ohne zentrale inhalte wäre vitus lösung tatsächlich die bessere ;)