[css] Lo Sfondo Copre Tutto Il Resto

**dori88** · 03-09-2008, 14:54

Il problema è quello nel titolo, la pagina è questa:
http://www.gruppowebazar.com/a.html
Gli sfondi che si vedono in questa pagina sono immagini ripetute.

In questa pagina non ho ancora applicato lo sfondo per la colonna centrale. Non appena aggiungo a #cont2 un background questo copre tutto...

codice:

<html>
<head>
<style type="text/css">
body{
margin:0  10%
}

#col1{
width:25%;
float:left;
}

#col2{
width:50%;
float: left;

}

#col3{
width:25%;
float:left;
}

#cont2{
width:100%;
overflow:hidden;
}

#cont1{
background:url(http://www.gruppowebazar.com/cont0.png) 25% repeat-y
}

#cont0{
background:url(http://www.gruppowebazar.com/cont2.png) 75% repeat-y
}

</style>
<div id="cont0">
	<div id="cont1">
		<div id="cont2">
			<div id="col1"> 

 C OLONNA 1 COLONNA 1 OLONNA 1 COLONNA 1 OLONNA 1 COLONNA 1 OLONNA 1 COLONNA 1OLONNA 1 COLONNA 1 OLONNA 1 COLONNA 1 OLONNA 1 COLONNA 1 OLONNA 1 COLONNA 1 OLONNA 1 COLONNA 1 OLONNA 1 COLONNA 1 OLONNA 1 COLONNA 1 v v v v v v v v v  OLONNA 1 COLONNA 1 OLONNA 1 COLONNA 1 </p> </div>
			<div id="col2"> 

 Colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2</p> </div>
			<div id="col3"> 

 colonna 3 colonna 3 colonna 3 colonna 3 colonna 3 </p> </div> 
		</div>
	</div>
</div>
</head>
</html>

**dori88** · 03-09-2008, 20:48

Nessuno riesce ad aiutarmi??
Per piacere...

**Myaku** · 04-09-2008, 06:11

allora, ricapitolando:
tu metti un background a #cont2 ed hai come risultato che tale sfondo copre quello impostato sui suoi padri. Giusto?
se è così, è normale visto che [per dimensioni] si va letteramente a sovrapporre agli altri.

cosa devi ottenere in pratica?

**dori88** · 05-09-2008, 12:16

Lo sfondo dovrebbe coprire solo la colonna centrale... Infatti gli sfondi delle colonne laterali vengono create tramite immagini, quello centrale lo volevo creare direttamente con il colore...
O meglio dovrebbe coprire tutto, pero' le mie immagini si sarebbero dovute sovrapporre a tale sfondo..

**Myaku** · 05-09-2008, 13:46

Originariamente inviato da dori88
quello centrale lo volevo creare direttamente con il colore...

allora è alla colonna centrale che dovrai dare il colore di sfondo, e non al suo contenitore (che è il contenitore anche delle altre due colonne).

oppure

O meglio dovrebbe coprire tutto, pero' le mie immagini si sarebbero dovute sovrapporre a tale sfondo..

ma in questo caso, il colore lo devi applicare all'elemento padre (quello che contiene tutto il layout)

**dori88** · 05-09-2008, 14:32

Originariamente inviato da Myaku
allora è alla colonna centrale che dovrai dare il colore di sfondo, e non al suo contenitore (che è il contenitore anche delle altre due colonne).

Lo voglio dare al suo contenitore e non alla colonna, perchè se lo dessi alla colonna, se il contenuto delle altre colonne, renderebbe queste colonne più lunghe di quella centrale allora rimarrebbe una parte bianca (senza sfondo).

Data la tua frase, "che è anche il contenitore delle altre due colonne" non basterebbe qundi creare un contenitore che contiene solo quella colonna?
Ovvero racchiudere colonna due tra div e assegnare a questo contenitore lo sfondo?

**Myaku** · 05-09-2008, 18:58

Originariamente inviato da dori88
non basterebbe qundi creare un contenitore che contiene solo quella colonna?

non proprio

ti passo un paio di link su layout fluidi con false colonne (dato un'occhiata al volo, non ho avuto modo di approfondire), ma ti potrebbero aiutare

strictlycss
<edit>

**dori88** · 05-09-2008, 20:24

Ti ringrazio molto.. stasera lo leggerò..
Cmq ho risolto, se ti puo' interessare:
http://forum.html.it/forum/showthrea...readid=1267551

Discussione: [css] Lo Sfondo Copre Tutto Il Resto

Strumenti discussione

Ricerca discussione

Visualizza

[css] Lo Sfondo Copre Tutto Il Resto

Permessi di invio