nicht angemeldet
Hallo zusammen
In habe ein 800 Pixel breites Hintergrundbild in meinem Body-Element, das horizontal zentriert werden soll:
body, html {
padding: 0;
margin: 0;
height: 100%;
}
body {
background-color: #FFFFFF;
background-image: url(hg.gif);
background-repeat: repeat-y;
background-position: center;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
text-align: center;
}
Das klappt soweit sehr gut, solange das Browser-Fenster mindestens 800 Pixel breit ist (dann wird das Hintergrundbild wie von mir gewünscht zentriert).
Wenn das Browser-Fenster nun aber schmaler ist als 800 Pixel, würde ich mir wünschen, dass der Browser das Hintergrundbild nicht mehr zentriert (und damit links und rechts einen Teil des Bildes abschneidet), sondern dass er sich verhält, als ob das Hintergrundbild linksbündig ausgerichtet wäre (also nur rechts abschneiden, links aber nicht).
Der IE macht's zwar vom CSS her falsch, aber eben genauso, wie ich es gern hätte. Der Firefox hält sich an die Regeln und richtet das Bild unabhängig von der Fensterbreite zentriert aus.
Kann ich den Firefox (und andere Browser) irgendwie dazu bringen, den gleichen "Fehler" zu machen, wie der IE?
Vielen Dank für einen Tipp und liebe Grüsse
Bambi