sfondo container invisibile

**Andrea1979** · 07-06-2006, 10:58

Non riesco a far visualizzare un'immagine di sfondo su FF e Opera.

Riducendo all'osso il codice, mi trovo con:
CSS:

codice:

html, body {
	margin:0; padding:0;
}

body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container {
	width: 900px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bbg.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
#leftbar {
	width: 160px;
	float: left;
}
#rightbar {
	width:160px;
	float:right;
	left:740px;
}

#contents {
	float:left;
	left:160px;
	width: 580px;
}

e HTML

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test Page</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
  <div id="container">
	  <div id="rightbar">Right bar text Right bar text Right bar textRight bar text Right bar text Right bar textRight bar text Right bar text Right bar textRight bar text Right bar text Right bar textRight bar text Right bar text Right bar textRight bar text Right bar text Right bar textRight bar text Right bar text Right bar textRight bar text Right bar text Right bar textRight bar text Right bar text Right bar textRight bar text Right bar text Right bar text</div>
	  <div id="leftbar">Left bar textLeft bar textLeft bar text Left bar textLeft bar textLeft bar textLeft bar text Left bar textLeft bar textLeft bar textLeft bar text Left bar textLeft bar textLeft bar textLeft bar text Left bar textLeft bar textLeft bar textLeft bar text Left bar textLeft bar textLeft bar textLeft bar text Left bar textLeft bar textLeft bar textLeft bar text Left bar textLeft bar textLeft bar textLeft bar text Left bar textLeft bar textLeft bar textLeft bar text Left bar text</div>
	  <div id="contents">Main contents text</div>
  </div>
</body>
</html>

Risultato: immagine di sfono visualizzata solo su IE!!!
bbg.gif per intenderci è un'immagine larga esattamente 900px e alta 2.

**Mich_** · 07-06-2006, 11:15

Controlla bene i path.

Di solito quando un file non si apre in FF ma in IE puo` dipendere:
- dal fatto che non rispetti maiuscole/minuscole;
- dal fatto che i path sono relativi all apagina HTML e non al CSS;
- da errori di sintassi (che IE non rileva).

**Andrea1979** · 07-06-2006, 12:49

Eh lo so, però la cosa è apparentemente giusta

http://www.andrea79.altervista.org/h...css/index.html

**indigoindigo** · 07-06-2006, 13:15

Ciao!

intanto leva l'attributo stile dal tag <div id="container"> nell'html! a che serve? hai già definito nel CSS!

così va?

**Andrea1979** · 07-06-2006, 13:21

l'avevo aggiunto per disperazione...adesso l'ho tolto e la situazione non cambia

**indigoindigo** · 07-06-2006, 13:26

Inserisci prima della chiusura del div#container questo

codice:

<div style="clear: both;"> </div>

p.s. lo stile lo puoi anche mettere nel CSS (anzi è meglio)

ciao

**Andrea1979** · 07-06-2006, 13:27

E la cosa ancora più da ridere (o piangere) è che così:

http://www.andrea79.altervista.org/h...ss/index2.html

firefox vede il file dello sfondo. In sostanza in style2.css ho messo lo sfondo anche al div "contents"

EDIT: mo' provo quell'altra cosa lì che hai suggerito!

RI-EDIT: ALLA GRANDISSIMA!!!

**Mich_** · 07-06-2006, 15:23

Prova a definire in leftbar e rightbar:
background: transparent;

magari c'e` di default uno sfondo bianco, ove non espressamente dichiarato.

**Andrea1979** · 07-06-2006, 15:33

si è risolto aggiungendo il box vuoto in coda... penso che FF e Opera non fossero in grado di rilevare l'altezza di container altrimenti e quindi non effettuavano alcuna ripetizione dello sfondo... certo che però potrebbero mettersi d'accordo una volta per tutte....

**Mich_** · 07-06-2006, 15:56

Io (FF sotto linux) in questa pagina non vedo lo sfondo nelle barre laterali; solo uno sfondo piccolino sotto la scritta "Main contents text".

Pero` se clicco con il destro sulle barre mi fa visualizzare l'immagine di sfondo, quindi lo sfondo c'e` ma non si visualizza.

Discussione: sfondo container invisibile

Strumenti discussione

Ricerca discussione

Visualizza

sfondo container invisibile

Permessi di invio