Div con allineamento al centro

[abmcr]

Questo

<div align="center" style="BORDER-RIGHT: 3px outset; BORDER-TOP: 3px outset; FONT-SIZE: 7pt; VERTICAL-ALIGN: middle; BORDER-LEFT: 3px outset; HEIGHT: 170px; WIDTH: 170px; BORDER-BOTTOM: 3px outset; ALIGN: center">[img]resize.aspx?src=foto/3610012174090829761184601764911516492922039992170. jpg&w=100&h=100[/img]
</div>


dovrebbe essere un div che visualizza una immagine cliccabile in mezzo al div: ma invece l'immagine sta in alto. Dove sbaglio? grazie

[Shores]

Non hai capito come funziona <div align="center">...

Quando lo usi, quello che succede è che i block objects che vengono inseriti all'interno della div vengono allineati al centro della div, non che la div viene allineata al centro della pagina...

Quindi, o allarghi la <div align="center"> in modo che abbia withd:100%, oppure non usi align="center" ma style="margin-right:auto;margin-left:auto;"...

Ciao!

(Naturalmente il discorso vale identico anche verticalmente, ma in quel caso devi usare margin-top e margin-bottom...)

[arflop]

align="center"

lo usi per allineare in senso orizzontale.

per l'allineamento verticale il W3C consiglia l'uso di:

vertical-align="middle"

ma io, nonostante mille tentativi non sono mai riuscito a farlo funzionare...

buona fortuna

[antos]

prova così:

<div style="width:xxpx;line-height:xxpx;text-align:center;">
  <img style="vertical-align:middle;margin:auto;" ... />
</div>

l'attributo vertical-align vale per gli elementi inline
http://www.w3.org/TR/CSS21/visudet.html#line-height