Salve.
Spero di riuscire a descrivere correttamente il problema.
Ho un div container centrato nella pagina, suddiviso in vari div flottati dei quali ho definito width e height. Tutto funziona, se non che ho necessità di centrare, orizzontalmente e verticalmente, il testo contenuto in uno di questi div, e purtroppo se do semplicemente un margin-top, mi si abbassa tutto il div, sballandomi la grafica... Né riesco a dare un posizionamento con absolute, poiché non so come passare i parametri per il centramento, cosa che invece è riuscita con il container...
In ogni caso questo è il foglio di stile... Il div dove devo centrare il testo è #content
Dimenticavo, il testo da centrare è variabile, nel senso che è un random richiamato da un Javascript.codice:html { padding: 0; } body { padding: 0; font-family: Arial, Helvetica; background-color: #408080; color: #ffffff; text-align: center; } p, table { color: #ffffff; font-size: 10px; } #container { width: 980px; height: 582px; text-align: left; position: absolute; top: 50%; left: 50%; margin-top: -291px; margin-left: -490px; background-color: #000000; } #header { height: 112px; font-size: 13px; background-color: #000000; text-align: center; } #menu { float: left; width: 140px; height: 470px; text-align: center; background-color: #000000; text-transform: uppercase; } #main { float: left; width: 700px; } #content { float: left; width: 408px; height: 146px; text-align: center; } #content2 { float: left; width: 408px; height: 234px; background: #000000; text-align: center; font-size: 10px; } #harlan { float: right; width: 292px; } #edicola { float: right; width: 140px; height: 470px; text-align: center; background: #000000; text-transform: uppercase; } #menu a, #edicola a { display:block; margin-bottom: 10px; font-size: 10px; text-align: center; } #footer { width: 700px; margin: 0 auto; background-color: #000000; text-align: center; font-size: 13px; } #footersx { float: left; width: 50%; height: 87px; background-color: #000000; text-align: center; } #footerdx { float: left; width: 50%; height: 87px; background-color: #000000; text-align: center; }

Rispondi quotando