ciao a tutti...
ho un div alto 100px e al suo interno un div di 35 px. Vorrei che quest'ultimo sia posizionato in basso del primo + grande, invece di stare in alto...Suggerimenti?
Nel div di 100px ho impostato vertical-align:bottom e nn va
ho impostato la proprietà top del secondo, e nn va...
grazie e ciao
Vertical-align agisce solo sulle immagini e le tabelle, ecco perché non funziona nel tuo caso.
Assegna un posizionamento relativo al div alto 100px mentre quello di 35 px lo posizioni in modo assoluto, specificando una distanza dal margine inferiore pari a zero (bottom: 0px
grassie...funge
xo c'è un nuovo probl...il div piccolino e ora in basso, però è tutto accostato a sinistra...x centrarlo rispetto al div + grande?
e come la mettiamo con le diverse risoluzioni dei monitor?Originariamente inviato da Sky
Se sai la larghezza del div che lo contiene, gli dai un margine sinistro pari a (LarghezzaDivGrande - LarghezzaDivPiccolo) / 2
Ci vuole un po' di lavoro in più allora.
Abbiamo bisogno di un altro elemento block-level che conterrà il div più piccolo.
Ad esso impostiamo il posizionamento assoluto, il margine inferiore uguale a zero ("bottom: 0px;") e una larghezza pari al 100%, così coprirà l'intero spazio creato con il div più grande. Inoltre è necessario applicargli anche la proprietà "text-align: center".
Usiamo quindi lo stesso trucco per centrare i siti :P
Adesso al div più piccolo impostiamo larghezza, altezza e i margini laterali su "auto". Infine, riportiamo l'allineamento del testo a sinistra (se necessario).
Buon proseguimento!
vero...hai ragioneOriginariamente inviato da Sky
Ci vuole un po' di lavoro in più allora.
Abbiamo bisogno di un altro elemento block-level che conterrà il div più piccolo.
Ad esso impostiamo il posizionamento assoluto, il margine inferiore uguale a zero ("bottom: 0px;") e una larghezza pari al 100%, così coprirà l'intero spazio creato con il div più grande. Inoltre è necessario applicargli anche la proprietà "text-align: center".
Usiamo quindi lo stesso trucco per centrare i siti :P
Adesso al div più piccolo impostiamo larghezza, altezza e i margini laterali su "auto". Infine, riportiamo l'allineamento del testo a sinistra (se necessario).
Buon proseguimento!
Permessi di invio
Rispondi quotando