centratura

[rudyF]

ciao
so che l'argomento è stato affrontato molte volte, ma non riesco proprio a centrare un div sullo schermo. Hocercato informazioni qui e sul forum CSS e ho seguito i vari suggerimenti ma non ho cavato un ragno dal buco.

Ho racchiuso tutto l'elaborato in un div e voglio che sia centrato per tutti i miei utenti che hanno risoluzioni diverse.

Ho provato con un CSS

<style type="text/css"> <!--
body {background:#aaaaaa; overflow-x: hidden; overflow-y: hidden;}
#Centratura {position:absolute; margin-left:50%; left-400px);}
--> </style>

<div id="Centratura" style="width:800px; height:600px; top:0px; z-index:1;">
qui tutto l'elaborato
</div)

Ho provato con margin:auto;

Ho provato anche così:

<div id="Centratura" style="width:800px; height:600px; position:absolute; top:0px; left:50%; margin:0 -400px; z-index:1;">

La pagina rimane sempre a sinistra

Dove sbaglio?
rudyF

uso windows8 con IE10

[ratte]

Vei! Credo il problema di fatto sia nel tuo margin: 0 -400; (che viene tradotto come : 0 -400 0 -400... tu forse vorresti: 0 0 0 -400).

Cmq, fai ordine: tutti quei z-index, position absolute, overflow etc, se sono li per centrare il div levali pure (se sono li per altro lasciali).
Al tuo div serve solo:

width: 800px; margin: 0 auto;

o/ !

[rudyF]

grazie
ho risolto
c'era un </div> di troppo che di fatto annullava tutto
ora funziona
grazie
rudyF