Ho l'esigenza di far entrare il testo in una cella con dei rientri a dx e a sx.
Ho usato:
left: 50px;
right: 50px;
position: relative;
ma in questo modo mi funziona solo per il rientro sinistro.
Ho anche modicato il valore di position (con assoluto e statico) ma niente (se con l'occasione mi potete spiegare anche per cosa si differenziano...).
relativo è relativo al contenitore, tipo tabella o div dove è posizionato,invece se per esempio se scrivi #top {
position:absolute;
top:0;
left:0;
}
te lo posiziona in cima a sinistra il primo pixel, qualunque cosa ci sia nella pagina, anche fosse un'immagine il testo o qualcunque cosa ci ficchi te lo mette sopra il resto in cima alla pagina, prova a mettere in qualsiasi pagina
<div id= top> ciaoooooooooooo</div>
vedrai che lo mette in alto a sinistra va sopra qualsiasi cosa ci sia :)
static francamente non ho mai capito neanch'io bene...perché se lo togli non cambia niente..cioè il teoria dovrebbe essere statico rispetto alla comune html, fixed explorer penso non lo support quindi alla fine ho usato solo relative e absolute..edito..cmq per quella cosa serve il padding in effetti
In realtà funziona così:
static: è il comportamento normale del blocco (diciamo il default)
absolute: posizione assoluta come giustamente avete detto voi
relative: il blocco diventa... relativo, cioè TUTTI i blocchi con posizione assoluta ALL'INTERNO del relativo, si posizioneranno rispetto allo 0,0 del blocco relativo, e non della pagina
Lo so ho fatto un giro giro di parole, ma basta fare una prova