inserimento di 3 div allineati in un div centrale

**nik600** · 15-12-2005, 11:45

ciao

ho un sito con una struttura di questo tipo

codice:

<html>

<head>


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

</head>

<body>

   <div id="contenitore">
        <div id="header"><?require($header)?></div>
        <div id="navigazione"><?require($menu)?></div>
        <div id="extra"><?require($extra)?></div>
        <div id="contenuti"><?require($body)?></div>
        <div id="bottom"><?require($bottom)?></div>
    </div>

</body>

</html>

header è un banner in alto
navigazione e extra sono 2 colonne rispettivamente a dx e sx
bottom è un banner in basso

contenuti è la sezione centrale del sito

vorrei mettere 3 div allineati e centrati in questo div, cosa devo mettere nel foglio di stile css x fare cio?

**av250866** · 15-12-2005, 13:09

copio ed incollo da un foglio di stile di un mio sito:

codice:

/* STRUTTURA DI BASE - Non modificare!*/
div#container{min-width: 550px;}												/*Contenitore*/
div#testata {clear: both; display: block; width:100%;} 				/*Testata*/
div#barra {clear: both; display: block; width:100%;}   				/*Barra menu*/
div#colC{float:left; width:100%;}                       				/*colonna centrale (C)*/
div#colC_aus{margin: 0 18%;}                            				/*Spazio libero in colonna centrale*/
div#colL{float:left; width:18%; margin-left:-100%;}     				/*Colonna sinistra (SX)*/
div#colR{float:left; width:18%; margin-left:-18%;}   					/*Colonna destra (DX)*/
div#fondo{clear:left; width:100%;}                      				/*Footer*/
/* FINE STRUTTURA DI BASE */

/* ELEMENTI AUSILIARI DI STRUTTURA */
/*sub-blocchi testata (SX C DX) */
div#headL { display: inline; float: left;}
div#headC { display: inline; float: left;}
div#headR { display: inline; float: right;}

mi sembra che i div headL, headC e headR siano ciò che serve a te...

**nik600** · 15-12-2005, 14:08

perfetto!

grazie

**Berello** · 15-12-2005, 16:40

Ho una situazione simile, l'unico problema che ho però è il seguemte:
il DIV più a sinistra (dei tre che sono affiancati) si adatta al proprio contenuto (ho messo width: 1%; overflow: visible; non so se ho fatto bene...), dunque il DIV centrale dovrebbe adattarsi allo spazio che avanza.
Come faccio? Se metto width: 100%, diventa grande quanto il DIV contenitore e non quanto lo spazio rimanente...

In pratica, complessivamente la somma dei 3 DIV deve essere di 550px, il primo DIV (quello a sinistra) deve adattarsi alla lunghezza di una parola che contiene, il terzo DIV (quello a destra) deve essere di una larghezza fissa (30px), mentre il DIV centrale deve occupare lo spazio rimanente.

Grazie

**Berello** · 15-12-2005, 18:10

Chiedo scusa per essermi intromesso in questo modo, comunque sono riuscito a risolvere seguendo un'altra strada...
Quel DIV non era necessario. :rollo:

Vi ringrazio comunque

Discussione: inserimento di 3 div allineati in un div centrale

Strumenti discussione

Ricerca discussione

Visualizza

inserimento di 3 div allineati in un div centrale

Permessi di invio