Salve ragazzi, sto realizzando un sito che segue una struttura centrale di un div contenitore e con dei box all'interno.
Potete vedere a questo sito: Cliccami
Ho utilizzato il margin auto per far si che il global container stesse al centro, ma ora ho un problema con i box sotto lo slider. Vorrei metterli uno accanto all'altro, e per questo dovrei usare un float:left, ma quando lo faccio, potete vedere il risultato, esce fuori dal div global!
up
up
Allora spiego meglio, in breve:
Ho un sito che è strutturato con un <div> centrato ( attraverso margin-left:auto e margin-right: auto ) e che dovrebbe contenere dei blocchi al suo interno, ovvero altri div. Per affiancare i blocchi dovrei utilizzare il float:left, in modo che non vadano uno sotto l'altro.
Questi sono i css:
Questo l'HTMLcodice:#contenitore { position: relative; margin-left:auto; margin-right:auto; width: 800px; float:none; } #box_1 { position: relative; margin: 10px; height: 250px; width: 380px; background-color: #CCC; color: #000; float:left; }
Il problema è che quando imposto il float:left al box_1, questo esce fuori dal contenitore, rimane centrato, ma fuori dal contenitore.codice:<div id="contenitore"> <div id="box_1">Prova box 1</div> <div id="box_1">Prova box 2</div> </div>
codice:<style type="text/css"> #contenitore { width: 800px; margin:0 auto; background-color: yellow; } #box1 { width: 380px; height: 250px; margin: 10px; background-color: #CCC; color: #000; float:left; } #box2 { width: 380px; height: 250px; margin: 10px; background-color: green; color: #000; float:left; } </style> </head> <body> <div id="contenitore"> <div id="box1">Prova box 1</div> <div id="box2">Prova box 1</div> <div style="clear:both"> </div>
Wow grande ò.ò, ma non riesco a capire come hai fatto, è la seconda volta che mi viene proposta questa soluzione del div both, ma ancora non avevo capito a cosa serviva!
Potresti dirmi che cosa fà tecnicamente?
Gli elementi flottanti sono sottratti al normale flusso della pagina, un box che li contenga non si estenderà in altezza a contenerli, a meno che dopo di essi non sia ripristinato, col clear, il flusso normale (se cerchi in rete troverai tutorial numerosi sull'uso del float e sulla sua interruzione)
Permessi di invio
Rispondi quotando