Lo stesso background image su i diversi browser

**cicciotargatona** · 21-12-2012, 17:26

Forse questa è la domanda più stupida di tutto il forum, ma non sono un webmaster e mi sono dilettato a fare un sito web per la mia azienda

il sito è questo http://domuselumina.com
Nella homepage ho inserito un filmato flash che ho creato io, e fin qua tutto ok. Il problema è nelle altre pagine a cui ho voluto applicare degli sfondi in background,diversi per ogni pagina, il codice che ho utilizzato è questo :

<div style= "position:absolute; width:100%; height:100%; background-image:url(http://www.domuselumina.com/img/negoziostoria.jpg); background-size:100%; background-repeat:no-repeat; text-align:left;">

view-source:http://domuselumina.com/chisiamo.html

Il codice funge perfettamente su Chrome e si visuallizza perfettamente nelle diverse risoluzioni dei pc...ma non va su IE e su Mozilla e mi sa anche sugli altri browser. Perchè?
Mi sapreste indicare un metodo che sia letto da tutti i browser in maniera uguale,e che vada bene per tutte le risoluzioni dei monitor

Scusate la mia ignoranza in materia

**Vincent.Zeno** · 21-12-2012, 17:42

ciao,
bello il filmato

(anche se un po' pesante )

prima cosa c'è da dire che chrome è stato generoso nell'esecuzione del codice html,
non sono gli altri che sbagliano

ci sono errori di struttura in tutte le pagine che ho visto (home compresa)

devi rispettare questa struttura:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title>....</title>
<meta content="...." name="author">
</head>

<body>
contenuti...
</body>

</html>

il doctype che ti ho indicato è quello più semplice che "ti consente di fare meno errori".
anche se la tua pagina è in italiano, il DTD è sempre in inglese

comincia da qui e poi si vede

**cicciotargatona** · 21-12-2012, 17:56

Grazie della risposta e dei complimenti per il filmato flash

Non avevo dubbi che ci fossero errori di struttura, e utilizzerò quella che mi hai consigliato te ed inserirò

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Ma la mia domanda riguardava principalmente il backround del body...cioè il codice che ho scritto prima non va bene perché solo Chrome lo capisce, per impostare bene il Backround nel body devo utilizzare per forza i CSS? che non so utilizzare tra l'altro, o c'è un codice html che tutti i browser riescono a capire?

**Vincent.Zeno** · 21-12-2012, 18:12

prima non l'ho detto a caso:
correggi la struttura e poi si vede.

qui una guida per i css
http://www.w3schools.com/css/

**cicciotargatona** · 21-12-2012, 18:33

ora capisco che volevi dire

ho cambiato il !DOCTYPE inserendo quello che mi hai dato tu, e ora funge anche sugli altri browser!!!
però ci sono delle cose da correggere,ora si notano meglio.
Forse la situazione più difficile è qui http://domuselumina.com/imarchi.html
dove ho creato questo testo scorrevole con delle funzioni simpatiche.

Comunque ti ringrazio ancora, fantastico questo forum

**Vincent.Zeno** · 22-12-2012, 03:04

lo hai capito solo in parte.
ho detto anche di rispettare una certa struttura (un'altra cosa fondamentale) e devi farlo senza fantasie o concessioni
agli effetti speciali pensiamo dopo che tu abbia corretto la marcatura

**cicciotargatona** · 22-12-2012, 13:51

Ho cambiato la struttura come quella che mi hai consigliato

non avevo notato che la chiusura dell </head> non era al posto giusto

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title>....</title>
<meta content="...." name="author">
</head>

<body>
contenuti...
</body>

</html>

Ora da cosa mi conviene secondo te iniziare per sistemare le cose?
Mi spiega anche perché se inserisco
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
nella pagina in cui ho il filmato flash...il filmato flash mi esce rimpicciolito. Se non inserisco invece il !Doctype il filmato flash viene visualizzato nella risoluzione corretta

http://domuselumina.com

**Vincent.Zeno** · 22-12-2012, 14:11

per postare code sul forum usa il tag CODE, grazie

togli anche l'apertura dell'istanza body ti troppo

prova così:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Domus & Lumina</title>
<meta content="Domus &amp; Lumina" name="author">
<style type="text/css">
	body { margin:0px; padding:0px}
</style>
</head>
<body>


<object data="intro.swf" type="application/x-shockwave-flash" width="100%" height="100%">
	<embed src="http://domuselumina.com/John%20Williams%20-%20Carol%20of%20the%20Bells.mp3" width="0" height="0 autostart=" true?="10">
	<param name="movie" value="intro.swf" >
	<param name="wmode" value="transparent">
</object>

</body>
</html>

**Vincent.Zeno** · 22-12-2012, 15:41

"ho detto prova così" ma mica mi sono accorto dei contenuti di object...

vedo se riesco a ripulire quella roba...

edit:
vabbè, fai così. non è proprio regolare ma se i browser lo eseguono potresti accontentarti

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
<html>
<head>
<title>Domus & Lumina</title>
<meta content="Domus & Lumina" name="author">
<style type="text/css">
	body { margin:0px; padding:0px}
</style>
</head>
<body>
<embed src="http://domuselumina.com/John%20Williams%20-%20Carol%20of%20the%20Bells.mp3" width="0" height="0 autostart=" true?="10">
<object  width="100%" height="100%" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
<param name="SRC" value="http://domuselumina.com/intro.swf">
<embed src="http://domuselumina.com/intro.swf"  width="100%" height="100%">
</embed>
</object>


</body>
</html>

**cicciotargatona** · 22-12-2012, 18:30

Sei gentilissimo, il code che mi hai dato con il !DOCTYPE funziona per la risoluzione,unico problema ora si vede il fondo bianco e quando rimpicciolisco la finestra aumenta la cornice bianca. Ho inserito in più all'ultimo code che mi hai dato te l'attributo <param name="wmode" value="transparent">
ma neanche funziona. ho provato anche ad aggiungere il backround black ma non va così...

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > <html> <head> <title>Domus & Lumina</title> <meta content="Domus & Lumina" name="author"> <style type="text/css"> body { margin:0px; padding:0px} </style> </head> <body> <embed src="http://domuselumina.com/John%20Williams%20-%20Carol%20of%20the%20Bells.mp3" width="0" height="0 autostart=" true?="10"> <object width="100%" height="100%" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"> <param name="SRC" value="http://domuselumina.com/intro.swf"> <param name="wmode" value="transparent"> <embed src="http://domuselumina.com/intro.swf" width="100%" height="100%"> </embed> </object>

Discussione: Lo stesso background image su i diversi browser

Strumenti discussione

Ricerca discussione

Visualizza

Lo stesso background image su i diversi browser

Permessi di invio