background color con firefox

**g_cancelli** · 11-01-2006, 12:31

la cosa del div vuoto non mi convince, perché se c'è un altro div all'interno allora non è vuoto.

Comunque ho visto che oltre a quello c'è i lproblema che se un div all'interno del mainbox ha dei margin-left/right allora lo spazio tra mainbox e l'inizio del div interno è bianco invece di prendere il colore del mainbox.

idee?

**pierofix** · 11-01-2006, 12:37

Originariamente inviato da g_cancelli
la cosa del div vuoto non mi convince, perché se c'è un altro div all'interno allora non è vuoto.

Infatti io mi riferivo semplicemente alla tua affermazione sul carattere di spaziatura come contenuto.

Comunque ho visto che oltre a quello c'è i lproblema che se un div all'interno del mainbox ha dei margin-left/right allora lo spazio tra mainbox e l'inizio del div interno è bianco invece di prendere il colore del mainbox.

idee?

Questo problema mi sembra troppo assurdo. Oltretutto non l'ho mai sentito prima.

Non è che, per caso, tu abbia fatto qualche errore di sintassi in un punto precedente, inquinando così la renderizzazione complessiva?

Potresti postarci (o darci un link) il CSS completo?

**g_cancelli** · 11-01-2006, 12:55

ok, ecco qui html e css depurati di tutto:

body{
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
}
#mainbox {
width: 765px;
margin: auto;
float:center;
background-color:#A8A29C;
}
#elenco_giallo_scuro {
width:715px;
min-height:30px;
height: auto !important;
height: 30px;
margin-left:25px;
background-color:#FCCB2D;
float:left;
display:inline;
}
#elenco_giallo_chiaro {
width:715px;
min-height:30px;
height: auto !important;
height: 30px;
margin-left:25px;
background-color:#FEEEBA;
float:left;
display:inline;
}
#elenco_giallo1 {
width:170px;
margin-left:10px;
margin-top:5px;
font-weight:bold;
font-size:15px;
float:left;
display:inline;
}
#elenco_giallo2 {
width:480px;
color:#ED4012;
font-weight:bold;
font-size:15px;
margin-top:5px;
float:left;
display:inline;
}
#elenco_giallo3 {
width:55px;
color:#000000;
font-size:15px;
margin-top:5px;
float:left;
display:inline;
}

e l'HTML

<!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">
<head>
<title>titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="monitor4.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="mainbox">

<div id="elenco_giallo_scuro">
<div id="elenco_giallo1">data</div>
<div id="elenco_giallo2">pippo</div>
<div id="elenco_giallo3">Info</div>
</div>

<div id="elenco_giallo_chiaro">
<div id="elenco_giallo1">data</div>
<div id="elenco_giallo2">pippo2</div>
<div id="elenco_giallo3">Info</div>
</div>

</div></body>
</html>

ai margini delle righe gialle dovrebbe essere grigio, e invece è bianco.

**pierofix** · 11-01-2006, 13:00

Come sospettavo.

codice:

#mainbox { 
   width: 765px; 
   margin: auto; 
   float:center; 
   background-color:#A8A29C; 
}

Il valore center, per la proprietà 'float', non esiste:

- www.w3.org/TR/CSS21/visuren.html#propdef-float

**g_cancelli** · 11-01-2006, 13:11

ops...
e come faccio a centrarlo nella pagina?

se metto left in effetti il background appare, ma il sito si sposta a sinistra.

**pierofix** · 11-01-2006, 13:14

Per centrare orizzontalmente #mainbox nella finestra:

codice:

body { text-align:center }
#mainbox { 
   width:765px; 
   margin:auto;
   text-align:left;
   background-color:#A8A29C; 
}

**g_cancelli** · 11-01-2006, 15:03

non funziona...

il fondo rimane trasparente.

Se aggiungo float: left; il fondo si colora, ma il div non è più al centro.

Discussione: background color con firefox

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio