Come si centra il DIV con il CSS?

**lionalex** · 24-02-2004, 19.56.03

Come posso fare in modo che il tag DIV sia centrato? Un po' come se fosse una tabella messa al centro. Io ho scritto questo ID

#div3 {
font: normal bold 8px Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: #FFE4B0;
margin: 10px;
border: 3px solid Navy;
padding: 5px;
width: 350px;
height: 12px;
text-align: center;
}

ma non riesco a fare in modo che questo sia visualizzato al centro. Devo fare qualcosa nell'HTML?

**heracleum** · 24-02-2004, 20.23.57

text-align=center
centra solo il contenuto del div.
In questo caso div3 stesso deve essere incluso in qualche blocco che abbia come attributo align=center per esempio o altri metodi di centratura style sheets.

**lionalex** · 24-02-2004, 21.51.45

Ho fatto come hai detto tu, ma c'è qualcosa che non va
Io ho scritto

Ora perchè viene centrato tutto se ho richiesto di centrare solo il primo DIV? Gli altri due teoricamente dovrebbero essere allineati a sinistra...perchè non è così?

**aeclanum** · 24-02-2004, 22.24.37

2 body?

**gve** · 24-02-2004, 23.29.23

Eheh ... è ciò che ho appena detto nell'altro post ... modifica in #div3:
margin: 10px auto
e assicurati di non settare il padding per <body>.

Altra cosa: non usare un id per <body>, è una brutta cosa per il semplice fatto che non serve in quanto <body> è comunque unico ... nel css fai semplicemente body { ..... }

**lionalex** · 25-02-2004, 02.07.51

ho usato l'ID per il body perchè mi interessava che uno allineasse al centro e l'altro a sinistra, se non uso l'ID come faccio a distinguere i due BODY?

**heracleum** · 25-02-2004, 02.15.30

gve: Doppio Azzz!
Anche qua i margini?? ma che c'entrano?

margin ti crea solo uno spazio vuoto di tot pixel attorno all'oggetto (esterno all'eventuale border).. non capisco perché lo nomini quando si tratta di allineamento???

lionalex: Il body è come la mamma, ce n'è uno solo!

La struttura base di una pagina html è questa:
<html>
<head>
<title></title>
</head>

<body>
...
corpo pagina
...
</body>
</html>

i tag che ho segnalato qui possono esistere solo una volta, per coerenza strutturale.

**lionalex** · 25-02-2004, 02.32.43

e se volessi creare più riquadri DIV, il primo allineato al centro,il secondo a sinistra, il terzo a destra ed il quarto di nuovo al centro, come faccio con un solo body?

**aeclanum** · 25-02-2004, 08.15.46

div nidificati

**gve** · 25-02-2004, 12.02.32

Originalmente inviato da heracleum

gve: Doppio Azzz!
Anche qua i margini?? ma che c'entrano?

margin ti crea solo uno spazio vuoto di tot pixel attorno all'oggetto (esterno all'eventuale border).. non capisco perché lo nomini quando si tratta di allineamento???

Beh, fai una prova tu stesso: come dice lionalex non funge settando semplicemente il text-align.
Il fatto è che per gli elementi tipo blocco (<div>) il text-align definito nel blocco esterno sembra passare sempre in secondo piano rispetto ad altri elementi, quali padding e margin.
In realtà forse basta omettere la definizione del padding nel blocco esterno o settare i margini per quello interno (tutti e due forse non servono), ma non ricordando bene come esattamente è e non avevo voglia di provare ...

**lionalex** · 25-02-2004, 13.52.41

Originalmente inviato da aeclanum

div nidificati

il problema non è il testo all'interno dei DIV ma il DIV stesso. Se metto dei DIV nidificati, cambia l'allineamento del testo ma non quello dei DIV stessi. Forse mi spiego meglio se faccio un esempio pratico. Esiste la funzione FLOAT nella quale puoi decidere se mettere a destra o a sinistra l'oggetto. Quello che voglio sapere io è se si può fare una cosa del genere però allineando al CENTRO. Col float non si può fare, c'è un altro modo?

**aeclanum** · 25-02-2004, 16.13.49

Fammi capire vuoi avere un blocco centrale con il resto che scorre intorno?
Oppure vuoi creare una colonna centrale e due colonne laterali, con il resto che sta separato su ogni colonna?

**lionalex** · 25-02-2004, 20.44.34

Mi interesserebbe sapere come si fanno entrambi le cose...

**aeclanum** · 25-02-2004, 20.47.53

La prima cosa non ne ho idea, ma piacerebbe anche a me saperlo!
La seconda si ottiene lavorando con i margini e se vuoi un sito dove te lo spiega per bene vai a:

http://www.glish.com/css/

Se poi ti sembra utile posso mandarti il foglio di stile del mio sito, oppure te lo scarichi tu stesso.

Discussione: Come si centra il DIV con il CSS?

LinkBack

Strumenti discussione

Display

Regole di scrittura