Problema di Centraggio assoluto del testo. Per ESPERTI!!!!!

[ringo82]

Ciao a tutti!
Forse sono un pò gnucco io ma sto cercando di fare una cosa da un pò di tempo e non ci riesco...eppure non mi sembra così difficile.

Dunque il problema è molto semplice: sto realizzando una paginetta HTML semplice semplice e in fondo alla pagina vorrei far apparire una scritta del tipo "creato da me".

Ho bisogno che la scritta compaia non solo a (per esempio) 10 pixel dal bordo inferiore della pagina, ma che sia anche centrata, in modo che ridimensionando la pagina del browser in altezza e in larghezza, la scritta sia sempre centrata e a 10 pixel dal fondo.

Si può fare? Direi di si, dato che mi capita spesso di vedere una cosa del genere sul web, però ho provato ad usare il tag DIV settando position:absolute e bottom:10px, e funziona, ma non trovo il modo di centrare la scritta nella pagina.

Qualcuno ha idee per farmi fare sta cosa?

Grazie infinite a chiunqe si prenderà la briga di rispondermi.

[deleted_26]

se n' parlato migliaia di volte nella sezione CSS

#id {
  margin: 0 auto;
}

cerca margin auto nella sezione Css del forum e trovi maggiori dettagli...

[ringo82]

Ma io vorrei scrivere tutto il codice nel file html..non crearmi un file css da importare..

[deleted_26]

<tag style="qui il codice css"></tag>

se poi non te ne frega niente del codice valido usi il tag <center> (ma io eviterei...)

[ringo82]

Ehm...se ho capito bene all'interno del tag body dovrei scrivere:

<tag style="#id {
margin: 0 auto;
}"></tag>

e poi??? la scritta di fondo pagina "creato da me" dove la metto?

E questa soluzione me la posiziona già a tot pixel dal fondo e centrata orizzontalmente?
Grazie ancora

[ringo82]

.....qualcuno mi da una manina per favore?

[ringo82]

Originariamente inviato da Simosito
se n' parlato migliaia di volte nella sezione CSS

#id {
  margin: 0 auto;
}

cerca margin auto nella sezione Css del forum e trovi maggiori dettagli...

Guarda che il tuo codice non funziona...centra orizzontalmente e basta..

[webdemo]

prova cosi':

<div style="height:500px; background-color:#FFCC00">contenuti pagina</div>
<div style="clear:both; margin:0 auto 10px; text-align:center; background-color:#66FF99;">contenuto centrato</div>

ciak

[deleted_26]

scusa, per il centraggio orizzontale si fà così (con degli accorgimenti per Ie).

prova come ti ha detto webdemo.