Probleme mit Hintergrundbild im Mozilla

Status
Nicht offen für weitere Antworten.

mogmog

Erfahrenes Mitglied
Hallo

Ich lasse eine Seite als Popup öffnen. Nun habe ich folgendes Problem.
Ich sehe das "Hintergrund" im IE aber nicht mit dem Mozilla. habe aber den selben code auf der Startseite wo es wiederum im Mozilla funktioniert. Und das verstehe ich nicht.


das ist der code für das Hintergrundbild:
Code:
style="background-image:url(Hintergrund Galerie.jpg)"
diesen code habe ich im beim Body mit eingefürgt.
Und hier ist der Link.




und das ist das script für das Popup:
Code:
<script language="JavaScript" type="text/javascript">
<!--
function FullscreenArchitektur(){
if (window.screen){
var hori=screen.availWidth;
var verti=screen.availHeight;
window.open('GalerieBilder/Architektur.html','vollesBildchen', 'width='+hori+',height='+verti+',fullscreen=1, scrollbars=0,left='+(0)+',top='+(0));
}
}
</script>
fals daran etwas nicht OK ist. Was ich mir nicht forstellen kann!



gruß
 
Probiers mal so:

Code:
style="background: #00000 url(./Hintergrund Galerie.jpg) /*no-repeat oder repeat-x o.y*/;"

PS: als Dateinamen würde ich nur kleine Buchstaben und keine Leerzeichen verwenden
zwecks Linux-Server. (./bg_galerie.jpg)
 
Zuletzt bearbeitet:
mmm irgenwie funktioniert das auch nicht.


Wenn ich es im Body mit einfüge. Oder muss ich dann einen neuen StyleCheat befehl verwenden? :confused: :confused: :confused:
 
Codeschnippsel von Dir:

Code:
<style type="text/css">

.Stil1 {font-size: 18px}
#Layer2 {
	position:absolute;
	left:176px;
	top:102px;
	width:586px;
	height:401px;
	z-index:1;
}
.Stil2 {font-size: 17px; }
-->
</style>
</head>

<body bgcolor="#647A9F" style="background-image:url(../Hintergrund/Hintergrund Galerie.jpg)">...

So würde ich es schreiben:

Code:
<style type="text/css">

body {
    background: #647A9F url(../Hintergrund/Hintergrund Galerie.jpg) repeat-y;
}

.Stil1 {font-size: 18px}
#Layer2 {
	position:absolute;
	left:176px;
	top:102px;
	width:586px;
	height:401px;
	z-index:1;
}
.Stil2 {font-size: 17px; }
-->
</style>
</head>

<body>...

Wie vorher erwähnt Filenamen kleinschreiben (im source und das file selber).
Das repeat-y o. repeat-x musst Du Dir anpassen wie Du es brauchst.
 
Jo danke dir jetzt ist mir alles klar. :p


Nur habe ich jetzt ein Problem ich hatte das Hintergrundbild sehr schal gemacht weil es sich anders immer wiederholt hat und nun ist es nur einmal da. :confused:

Ich weiß nicht ob der Mozilla da zu dumm ist aber da wird das Hintergrund bild nicht angezeigt.
Hattest du es bei dir aus pribiert? Ging es bei dir?

Bei mir sieht das jetzt so aus.


Das Verstehe ich jetzt nicht.
Giebt es vieleicht noch eine ander möglichkeit ein Bild in den Hintergrund zu legen und es Variabel zu stretchen (wegen Monitorauflösung).


gruß
 
Korrigiere mal die fehlerhafte CSS-Syntax: es fehlt der öffnende Kommentar <!-- als Gegenstück zum vorhandenen schliessenden Kommentar -->.

Wenn die Hintergrundgrafik horizontal wiederholt werden soll, dann lautet der Wert repeat-x.
Code:
<style type="text/css">
<!--
body {
    background: #647A9F url(../Hintergrund/hintergrund_galerie.jpg) repeat-x;
}

.Stil1 {font-size: 18px}
#Layer2 {
	position:absolute;
	left:176px;
	top:102px;
	width:586px;
	height:401px;
	z-index:1;
}
.Stil2 {font-size: 17px; }
-->
</style>
 
Ich danke euch beiden.


jetzt Funktioniert es :-)

Ihr seit Spitze.

@ Caliterra: Du hattest mich schon richtig vertsanden.
@ michaelsinterface: Danke dir für die Richtigstellung der Fehler.
 
Gern geschehen.

Wenn das Problem gelöst ist, dann markiere das Thema bitte auch durch einen Klick auf den 'Status-Button' als 'erledigt'.

Vielen Dank ;)
 
Status
Nicht offen für weitere Antworten.
Zurück