Sfondo contenuti bianco

**treteo** · 30-08-2014, 18:25

Ciao a tutti,

premetto che sono un assoluto principiante dei CSS e che mi diletto a livello amatoriale.
Sto realizzando una pagina con un'immagine di sfondo fissa e vorrei che la parte centrale della pagina, quella dove andranno posti i contenuti sia bianca.
Ho scritto il seguente codice:

body {
margin-right: 0px;
margin-left: 0px;
margin-top: 2px;
font-family: Arial, Verdana, Helvetica, sans-serif;
background-image:url(immagini/sky-1024x680.jpg);
background-repeat:no-repeat center center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment:scroll;
}

#contenitore {
width: 960px;
margin-right: auto;
margin-left: auto;
background-color:#FFFFFF;
}

Non riesco a rendere bianco il div "contenitore" (quello dove andrebbero i contenuti).
Dove sbaglio?

Grazie a tutti per l'attenzione e buon lavoro.

**carlomarangoni** · 31-08-2014, 01:39

Non sbagli come hai scritto il codice il div viene bianco. Codice provato!

**treteo** · 31-08-2014, 11:39

Grazie carlomarangoni per la celere risposta.
Problema risolto.

Ora, però, mi sono accorto che IE 9 e IE 10 non leggono il foglio di stile.
Ho inserito il seguente codice nel '<head>

<link href="stile.css" rel="stylesheet" type="text/css"/>

Tutti i principali browser (Chrome, Firefox, IE dalla 8 in giù, Opera, ...) leggono il foglio senza problemi tranne i due sopra citati.
Devo scrivere il codice in un altro modo?

Grazie ancora.

**Giorg10** · 31-08-2014, 12:09

No ma credo tu debba aggiungere delle regole anche per quei browser.

**treteo** · 31-08-2014, 21:42

Gentile Giorg10,

quali regole dovrei aggiungere?
C'è una fonte web dove posso recuperare queste informazioni?
Grazie mille.

**carlomarangoni** · 31-08-2014, 22:37

Originariamente inviata da Giorg10

No ma credo tu debba aggiungere delle regole anche per quei browser.

Vuole dire che se IE 9 e 10 non applicano regole che sono dentro al CSS esterno devi aggiungere le regole per IE 9 e 10 con i commenti condizionali.

Sul web trovi molti tutorials sui commenti condizionali

**treteo** · 31-08-2014, 23:07

Ok, grazie.
Ho appena letto un tutorial presente su html.it dove si deice che IE) e IE10 sono migliorati rispetto ai precedenti per quanto riguarda la lettura dei CSS, tanto che queste due versioni del browser supportano più i commenti condizionali.
Tutto chiaro.
Rimane il fatto che quando apro la mia pagina con queste due versioni, la pagina appare bianca e con tutti gli elementi "cascati"

Cioè non c'è alcuna formattazione, le immagini di sfondo nei div non compaiono, etc.
E' come se non leggesse il foglio di stile, tanto per intenderci.
Grazie.

**carlomarangoni** · 01-09-2014, 00:25

Che non legga il foglio di stile è impensabile quindi escluso! Il guaio sta da un'altra parte che non possiamo sapere considerato che non abbiamo elementi per valutare

**treteo** · 01-09-2014, 12:05

Allora, l'HTML è questo:

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

<body>
...
...
...
</body>
</html>

Mentre il foglio di stile è un classico foglio di stile con le sue proprietà:

/* CSS Document */

body {
margin-right: 0px;
margin-left: 0px;
margin-top: 2px;
font-family: Arial, Verdana, Helvetica, sans-serif;
background-image:url(immagini/sky-1024x680.jpg);
background-repeat:no-repeat center center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment:scroll;
}

etc.etc.

Discussione: Sfondo contenuti bianco

Strumenti discussione

Ricerca discussione

Visualizza

Sfondo contenuti bianco

Permessi di invio