Posto sopra una immagine che dovrebbe facilitare la comprensione del mio problema.
Ho creato 2 box contenitori di colore grigio scuro (numero 1 e 2 colore rosso)
Ognuno di questi box è largo 660px e non ha nessuna impostazione di posizionamento fluttuante, relativa o assoluta.
Sono 2 div impilati
<div class=box1>
</div>
<div class=box2>
</div>
All'interno di questi 2 div ho messo 3 box cad.uno annidati contenenti del testo e delle immagini (box 1,2,3 e 4,5,6 di colore grigio chiaro) e per separare con degli spazi (dove ci sono le linee gialle) il box 1 dal 2, il 2 dal 3, il 4 dal 5 ed il 5 dal 6 ho creato altri box vuoti, ma con solo la larghezza settata (21px).
Tutti questi box hanno "float:left".
Come ho detto prima dove corrono le linee gialle ci sono degli spazi separatori. Quelle linee gialle sono in realtà dei puntini che partono dal box contenitore 1 fino al 2.
Per mettere quei puntini ho deciso di usare una immagine di sfondo messa dentro un div e senza settare l'altezza che varia in base all'altezza dei box contenitori.
Alla fine il codice dovrebbe essere così circa:
<div id=boximmaginesfondo>
<div class=contenitorebig1>
<div class=boxpiccolo1>
</div>
<div class=boxpiccolo2>
</div>
<div class=boxpiccolo3>
</div>
</div>
<div class=contenitorebig2>
<div class=boxpiccolo4>
</div>
<div class=boxpiccolo5>
</div>
<div class=boxpiccolo6>
</div>
</div>
</div>
Vengo al problema...
L'immagine si vede solo sul primo box (contenitorebig1) e non sul secondo box (contenitorebig2).
Come mai?!?!
Rispondi quotando
