Problema con css... come faccio a dire ad un DIV di stare al centro?

**kaso** · 12-11-2004, 21:41

Ciao a tutti!
Ho questo css esterno con questo div:

div.alto
{
width: 750px;
height: 150px;
background-image: url("../Senza-titolo-1.jpg");
padding-top: 115px;
}

Cosa devo scrivere per far stare il div al centro della mia pagina html, per capirci un semplicissimo "align center"...??

Ciao e grazie a tutti!

**Francis87** · 12-11-2004, 21:59

xkè nn scrivere nel forum css e xhtml?

cmq

a quell'elemento devi aggiungere:

codice:

margin-left: auto;
margin-right: auto;

all'elemento che lo CONTIENE devi aggiungere:

codice:

text-align: center;

**kaso** · 12-11-2004, 22:09

Grazie mille!
Ops... Sì, infatti ho sbagliato forum, ma dalla home del forum non avevo visto quello dei css....

Ciao, a buon rendere!

**kaso** · 12-11-2004, 22:13

Azz... Non mi funziona lo stesso....

div.alto

div.alto
{
margin-left: auto;
margin-right: auto;
width: 750px;
height: 150px;
background-image: url("../Senza-titolo-1.jpg");
padding-top: 115px;
}

**Francis87** · 12-11-2004, 22:27

hai messo il text-align: center all'elemento che contiene il div.alto?

**kaso** · 12-11-2004, 22:33

Sì, ecco il codice...

div.alto
{
margin-left: auto;
margin-right: auto;
width: 750px;
height: 150px;
background-image: url("../Senza-titolo-1.jpg");
text-align: center;
padding-top: 115px;
}

**Francis87** · 12-11-2004, 23:00

non ci siamo capiti..
text-align: center non deve andare al div.alto ma al suo contenitore, cioè l'elemento in cui div.alto sta.

codice:

<body>
 <div class="alto">
  div.alto
 </div>
</body>

in questo caso il contenitore è il body.
nello stile:

codice:

body { text-align: center; }

se invece la situazione è questa:

codice:

<div>
 <div class="alto">
  div.alto
 </div>
</div>

lo stile va applicato x il primo div:

codice:

<div style="text-align: center;">

**kaso** · 13-11-2004, 11:52

Il problema non è sul testo...
Praticamente ho un div con una immagine di sfondo ed all'interno del testo perfettamente centrato nel div.
Il problema è che il div mi sta giustificato a sinistra e non riesco a farlo stare al centro della mia pagina html...
In caso risolverò con una tabella in html...

Intanto grazie!

Discussione: Problema con css... come faccio a dire ad un DIV di stare al centro?

Strumenti discussione

Ricerca discussione

Visualizza

Problema con css... come faccio a dire ad un DIV di stare al centro?

Permessi di invio