mascherare un immagine e centrarla

[bikfellas]

Salve a tutti,
sicuramente la domanda che vado a porvi è una cosa di una facilità estrema, ma io ci sto impazzendo da giorni senza risposta.

ho un mio div con all'interno un'immagine (della quale non posso conoscere la larghezza essendo caricata da db, dal cliente). vorrei fare in modo che il div che contenitore "mascheri" l'immagine e la stessa si centri all'interno dello stesso.

qualcuno sa come posso fare?


Grazie!!!!

[fcaldera]

domanda preliminare: è possibile che l'immagine possa essere più grande (altezza o larghezza) del contenitore? Se sì cosa ti aspetti che succeda?

[bikfellas]

mi aspetto che sia "sicuramente" più larga del suo contenitore, che appunto per questo la mascheri con un overflow:hidden e di consegueza, l'immagine viene centrata nascondendo i lati.

spero di essere stato chiaro, perché anche io sono in confusione totale...

[bikfellas]

nessuno che abbia idee?
mi andrebbe bene (se non meglio) se la soluzione fosse roba tipo jQuey....

[Mich_]

Stai cercando una cosa di questo tipo?

HTML:
<div id="contenitore">
  <div class="cornice">
    [img]...[/img]
  </div>
  ...
</div>

CSS:
#contenitore {
  width: ...;
}
.cornice {
  width: 300px;
  height: 200px;
  line-height: 200px;    /* uguale a height - centra vert. un oggetto inline */
  text-align: center;     /* centra orizz. un oggetto inline */
  overflow: hidden;
}
.cornice img {
  ...
}

Vedi se cosi` funziona. Altrimenti occorre trasformare l'immagine in blocco, ma in tal caso per centrare occorrono altri sistemi (vedi tra i "link utili").

[bikfellas]

non sembra funzionare...
provo tra i link utili...

grazie comunque per la partecipazione...