Position È possibile definire le dimensioni del rettangolo d’ingombro in vari modi top bottom left right Le specifiche width e height hanno la precedenza.

Presentazione sul tema: "Position È possibile definire le dimensioni del rettangolo d’ingombro in vari modi top bottom left right Le specifiche width e height hanno la precedenza."— Transcript della presentazione:

1 position È possibile definire le dimensioni del rettangolo d’ingombro in vari modi top bottom left right Le specifiche width e height hanno la precedenza su bottom e right Notare che left, top, bottom, right sono sempre relative al primo progenitore (i primi progenitori sono html e body !)

2 Position: static Predefinito: segue il flusso di posizionamento della pagina Se applicato ad un elemento blocco, include un ritorno a capo L’elemento ’statico’ non può essere mosso della sua posizione e ignora le dichiarazioni top, bottom, left e right.

3 Position: relative Introduce uno spostamento relativo al punto di inserimento (static) Si possono inserire anche valori negativi Il posizionamento relative di un blocco non altera gli altri elementi della pagina In pratica si intende relativo al punto in cui dovrebbe apparire se fosse statico!!

4 Position: absolute Permette di posizionare un blocco in un determinato punto Non altera il resto della pagina In pratica è come se l’elemento cosi posizionato non facesse più parte della pagina Il punto di riferimento è rispetto al primo progenitore

5 Position: fixed Fa riferimento alla finestra del browser L’effetto è che l’elemento non scrolla con il resto della pagina Può essere utilizzato per barre di menù, finestre di chat, ecc. Con IExplore è gestito dalla ver.7 in poi e solo inserendo come prima riga

6 misure %percentuale ininch (pollice = 2,54 cm ) cmcentimetri mmpollici em 1em=attuale font-size (1em=12pt,2em=24pt) exaltezza della x dell’attuale font ptpunti (1/72 pollice) pcpica (12pt) pxpixel