consiglio per inserimento doppio sfondo

**Onlin3** · 19-02-2009, 16:31

Ciao a tutti..

Ho lo stesso problema posto in questo link:
LInK

La risoluzione c'è ma non ho capito come lo devo inserire il nuovo contenitore. Perchè io ho fatto così:

<div id="contenitore">
//contenuto pagina
</div>

E con il css li ho dato come valori:

#contenitore{
width:inherit;
height:inherit;
background:url(verticale2.png) left repeat-y;
}

Però rimane il problema che lo sfondo dato a "body" si ripete lungo tutta l'altezza dello schermo, mentre lo sfondo dato a "contenitore" è limitato all'altezza del contenuto.

Come posso fare per renderlo ripetuto lungo tutta l'altezza dello schermo?

**Mich_** · 19-02-2009, 17:08

Non so cosa intendi per "schermo".
Di solito nel Web si parla di finestra, per intendere tutta l'area che copre l'oggetto <html> (che a volte coincide con il <body>).

Comunque forse ti basta aggiungere al #contenitore:
min-height: 100%;

In questo caso l'altezza del contenitore sara` sempre come minimo uguale all'altezza del body (ma se il contenuto si espande, l'altezza del contenitore si espande assieme al contenuto).

PS: non funziona in IE6, mentre in IE7 credo dipenda dalla DTD che si usa.

**Onlin3** · 19-02-2009, 17:35

non ha funzionato..

per ora la situazione è messa in questo modo:

HTML:
<body>
<div id="contenitore">

//contenuto del sito

</div>
</body>

CSS:
body{
margin:0px;
padding:0px;
background:url(verticale.png) right repeat-y;
}

#contenitore{
width:inherit;
height:inherit;
min-height:100%;
background:url(verticale2.png) left repeat-y;
}

**Mich_** · 19-02-2009, 17:49

Questa sintassi e` sbagliata.
background:url(verticale.png) right repeat-y;

Forse intendevi:
background:url(verticale.png) repeat-y top right;

E ti manca:

codice:

html, body {
  width: 100%;
  min-height: 100%;
}

Inoltre non mi risulta che esista il valore inherit per width e height (vedi ad es: http://w3schools.com/css/css_reference.asp )

Se ancora non va, devi anche spiegare cosa ti succede; un semplice "non funziona" non aiuta a capire il problema

**Onlin3** · 19-02-2009, 18:25

ti ho inviato un messaggio privato. Non c'è nulla di tecnico, solo il link alla pagina in cui ho il problema..

**Mich_** · 19-02-2009, 18:44

Attenzione che c'e` un problema nel codice HTML!!

Hai messo il contenitore all'esterno del body. Questo chiaramente non va bene.

Comunque per sicurezza passa dai validatori HTML e CSS: magari c'e` qualche cosa che non riesco a vedere che impedisce al codice di essere interpretato in modo corretto.

**Onlin3** · 19-02-2009, 19:24

ok, grazie mille dell'aiuto..

Discussione: consiglio per inserimento doppio sfondo

Strumenti discussione

Ricerca discussione

Visualizza

consiglio per inserimento doppio sfondo

Permessi di invio