Allineamento verticale di un'immagine all'interno di in un div

[s0r42]

ho un div ad altezza e larghezza fissi
al suo interno c'è un banner, quindi un'immagine semplice inserita dentro un tag A

come faccio ad allineare verticalmente l'immagine all'interno del div?
ho provato con vertical align, display table cell, line height etc ma niente

[houfqsufhquirfh]

Originariamente inviato da s0r42
ho un div ad altezza e larghezza fissi
al suo interno c'è un banner, quindi un'immagine semplice inserita dentro un tag A

come faccio ad allineare verticalmente l'immagine all'interno del div?
ho provato con vertical align, display table cell, line height etc ma niente

Se ho capito bene hai un banner e anche un'immagine dentro al tuo div.

Se così fosse attribuisci alla tua immagine la proprietà

a {display: block;}

in questo modo, se non sbaglio, l'immagine viene tratta come un elemento block e viene messa "a capo".

Spero di esserti stato d'aiuto...

[Sky]

Visto che l'altezza è fissa, puoi usare il trucco dei margini negativi :)

div { position: relative }
img {
position: relative;
top: 50%;
height: 100px;
margin-top: -50px; /*altezza dell'immagine diviso 2 */
}

[s0r42]

no mi sono spiegato male io
il div ha dimensioni fisse, ma l'immagine varia perchè viene caricata dinamicamente

l'immagine è il banner di cui parlavo
ho specificato che si tratta di un banner perchè c'è anche il tag A e non sapevo se questo andava ad influire sul tipo di soluzione

<div class="contenitore">
<a href="pagina">
[img]immagine.jpg[/img]
</a>
</div>

[s0r42]

doppio post...

[Sky]

Dai un'occhiata qui: http://www.cssplay.co.uk/menu/centered

[s0r42]

sembra quello che cerco, però non da la spiegazione di quello che fa e negli stili non trovo riferimenti a #container

[Sky]

Li trovi nei commenti condizionali immediatamente dopo il tag <style> associato all'esempio :P

Io l'ho provato e ha funzionato su un codice di prova, se ti serve una mano non c'è problema :)