centrare gli elementi col css

**frodo_jedi** · 13-09-2005, 16:10

Come si fa a centrare gli elementi usando solo il css?

Vorrei ad esempio centrare un'immagine e vorrei ottenere lo stesso effetto che si ha inserendola nel tag <div align="center">, ma usando
solo il css.

Il fatto è che non riesco a fare un bel lavoro usando
border, margin e padding. C'è un'altra via?

Grazie!

**salasir** · 13-09-2005, 16:33

Hai provato con

codice:

margin: 0 auto;

?

**sslazio 1900** · 13-09-2005, 23:08

In alternativa hai sempre postition:absolute

**pierofix** · 14-09-2005, 08:58

Originariamente inviato da sslazio 1900
In alternativa hai sempre postition:absolute

Intendi abbinato alla tecnica dei margini relativi? Di sicuro è più effecente la soluzione in CSS. In generale, per centrare il contenitore principale si agisce nel modo seguente:

codice:

XHTML
<body>
   <div id="contenitore">
      ...
   </div>
</body>

CSS
body { text-align:center }
#contenitore {
   text-align:left;
   margin:0 auto;
   width:80%; /* Inserisci la misura che più ti aggrada */
}

**frodo_jedi** · 14-09-2005, 15:32

Grazie per avermi risposto.

Credo che la soluzione giusta sia quella che prevede
margin: 0 auto; ma devo ancora testarla sulle immagini.

Appena l'avro' fatto ve lo faro' sapere.

**frodo_jedi** · 28-09-2005, 17:16

Scusate per il ritardo...
Purtroppo non ho risolto il prblema, e forse è meglio ricapitolare la situazione: voglio centrare un'immagine in una pagina usando solo il css. Una strategia alternativa sarebbe quella di usare <div align="center"><img ....></div>
ma questa soluzione presenta l'attributo align che è deprecated secondo gli standard che io voglio seguire.

Col css c'è float:left; Non c'è un qualcosa del tipo float:center?

Non riesco a centrare le immagini usando float o position:absolute/relative, nè margin: 0 auto , pertanto se qualcuno può aiutarmi a risolvere questo busillis lo ringrazio di cuore :-)

**salasir** · 28-09-2005, 17:20

Puoi provare ad assegnare all'immagine una classe:

codice:

[img]image.jpg[/img]

codice:

.centra { text-align:center }

oppure definire un div che contenga l'immagine al quale assegni la stessa definizione. (text-align)

**frodo_jedi** · 01-10-2005, 15:14

Grazie!!!!!!!!!!!!!!!!

ce l'ho fatta: bisogna inserire l'immagine dentro un div che ha la classe ".centra" che hai detto tu. Però non ho capito perchè non funziona mettendo la stessa classe relativa al tag img (che è la prima soluzione che mi avevi dato).

Grazie e alla prossima.

Discussione: centrare gli elementi col css

Strumenti discussione

Ricerca discussione

Visualizza

centrare gli elementi col css

Permessi di invio