✔ Opera zickt mit Hintergrundbild im Bodytag rum

Status
Nicht offen für weitere Antworten.
L

LavaVisualizer

Grünschnabel
Hallo,
Ich habe eine Site gebaut die ein Hintergrundbild im Bodytag Zentriertiertes, vertikal füllendes Bild hat.

CSS:
Code: 
body {
	height: 100%;
	background-color: #001f64;
	background-image: url(../images/body.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: repeat-y;
}

Im FF, IE und unter Netscape sieht alles so aus wie es soll, nur der Operabrowser (v8.0) macht Probleme, er zeigt das Bild je nach lust und laune mal an und mal nicht an wenn man die Größe des Browserfensters verändern und/order in den Vollbilmodus schaltet.

Hier könnt ihr das sehen: BOX Audioproduktionen
Die Site basiert auf Joomla, ich denke aber nicht das es was damit zutun hat.

Ist das ein allgemeines Opera problem oder muss ich die CSS Angaben anders schreiben?

Gruß und Dank, LV
 
Zuletzt bearbeitet:
Seltsam, in der Online-Version hast du die Hintergrundgrafik für das html-Element bestimmt.

Wenn ich die Regel auf das body-Element anwende, macht der Opera (8.5) keine Probleme ;)
 
Oha, ja das kein sein..., Ich habe da ein wenig experimentiert, aber du hattest das merkwürdige verhalten vom Opera in der Onlineversion auch?

Ich habe das Problem auch, wenn ich das Hintergrundbild auf den Bodytag anwende (Lokal mit Xampp), hmm vieleicht liegt es an der Operaversion 8.0

THX4REPLY
 
Weitere mögliche Ursachen für den Darstellungsfehler könnten sein:

  • Die XML-Deklaration nach der Dokumenttyp-Deklaration:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?xml version="1.0" encoding="iso-8859-1"?><html xmlns="http://www.w3.org/1999/xhtml">
Wenn sie angegeben wird, dann wird sie als erstes notiert:

HTML: 
<?xml version="1.0" encoding="iso-8859-1"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  • Der zweite Wert für die Positionierung der Hintergrundgrafik body.jpg:
Code: 
background-position: center center;
Da der Hintergrund am oberen Fensterrand beginnen soll, müsste die Regel so lauten:

Code: 
background-position: center top;
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück