posizionare div

[marco1970]

salve,
nella mia pagina html ho questa situazione:

<td width="171" height="100">
  <div id="contenitore">
    <div style="visibility:hidden;" id="livello1">livello 1</div>
    <div style="visibility:hidden;" id="livello2">livello 2</div>
  </div>
</td> 

ora vorrei:
- che il div "contenitore" si posizioni nell'angolo sinistro in alto della td e che abbia la stessa grandezza della td
- che i div "livello1" e livello2" si posizionino al centro (in orizzontale ed in verticale) del div "contenitore"
- che entrambe i div "livello1" e livello2" abbiano la stessa posizione (sovrapposti tra di loro)
Grazie
Marco

[pictor]

Per il contenitore credo che un width: 100% basti.
Per l'altezza invece credo che tu non possa assegnargli height: 100%.
Ma non sono sicuro.

Al massimo dovresti dare l'altezza al div contenitore e rimuoverla dal TD (così la colonna prenderebbe le dimensioni del div contenuto).

Dovresti fare delle prove.


Per i due livelli ..... posizionare al centro orizzontalmente è facile. Basta dare margin: auto;
Il problema si presenta sempre col verticale.... non credo tu possa farlo....
... o almeno io non so come fare.

Se però il livello 1 e 2 hanno delle dimensioni fisse allora si può fare associandogli

top:50%;
margin-top: -altezza;

Dove l'altezza è la metà dell'altezza del blocco 'livello' (in pratica lo fai partire dalla metà del 'contenitore' e poi lo sposti di metà 'livello' in su......)

Non so se sono chiaro, sono di fretta.
Comunque se cerchi sul forum trovi roba.
Mi pare proprio ieri si chiedeva qualcosa del genere.


Per posizionarli sovrapposti dovresti metterli in position: absolute e dargli le stesse coordinate.... ma per poter essere assoluti MA relativi al 'cotenitore' devi impostare il 'contenitore' con position:relative.


Credo.... fai delle prove e cerca sul forum.... ora sono di fretta non posso aiutarti di più.

Ciao