Centrare il layout con i margini negativi (funziona.. ma in parte)

[Fatal Error]

Facendo ricerche qua e là, non ho ancora trovato una soluzione al mio problema...

Vorrei centrare un sito con l'utilizzo di un div container e ho provato a farlo usando i margini negativi, come spiegato anche in questo forum:

div.container {
                            width: 900px;
                            height: 1427px;
                            position: absolute;
                            margin-left: -450px;
                            left: 50%;
                            top: 0px;
                            z-index:0; 
                          } 

Con risoluzioni pari o superiori alla 1024x768 tutto funzionante... il problema viene con le 800x600, infatti una piccola parte sinistra del sito non viene visualizzata. Eppure ho visto funzionare questo metodo in altri siti con container anche più grandi... dov'è l'errore?

[Trustdesa]

Penso sia dovuto al fatto che usi un container a 900 e al tempo stesso un

margin-left: -450px;

così ad occhio mi sembra "l'errore" più evidente... (però è un parare, sono alle prime armi anche io )

[blekm]

Originariamente inviato da Fatal Error
Facendo ricerche qua e là, non ho ancora trovato una soluzione al mio problema...

Vorrei centrare un sito con l'utilizzo di un div container e ho provato a farlo usando i margini negativi, come spiegato anche in questo forum:

se intendi verticalmente e orizzontalmente guarda qua

http://forum.html.it/forum/showthrea...readid=1239781

[Shores]

Ma perchè usare questa strana manovra?

width:900px;
margin-left:auto;
margin-right:auto;

senza dover usare nessuna position absolute che poi fa del casino...

[Trustdesa]

Hmm in questo modo si da una larghezza


width:900px;
margin-left:auto;
margin-right:auto;


Questo attributo va dato al "contenitore" main del sito ovviamente, giusto??? (un contenitore che al suo interno ha la homepage).

[Shores]

Quello che intendevo era proprio:

div.container{
width:900px;
margin-left:auto;
margin-right:auto;
}

[Fatal Error]

si è vero, funziona... ma ora con questo codice:

div.container {
                              width: 900px;
                              margin-left:auto;
                              margin-right:auto;
                              top: 0px;
                              z-index:0;
                          } 

è come se il top:0px non ci fosse e mi lascia un po' di spazio nel top...

ah inoltre ho appena provato con IE e non funziona

[Shores]

Originariamente inviato da Fatal Error
si è vero, funziona... ma ora con questo codice:

div.container {
                              width: 900px;
                              margin-left:auto;
                              margin-right:auto;
                              top: 0px;
                              z-index:0;
                          } 

è come se il top:0px non ci fosse e mi lascia un po' di spazio nel top...

ah inoltre ho appena provato con IE e non funziona

Non è possibile: funziona persino su ie6! Ci sarà qualche cosa d'altro che gli da fastidio; per esempio, hai messo margin:0 padding:0 sul body, vero? E comunque, z-index:0 e top:0 sono del tutto inutili se non stai usando il position:absolute o fixed...

Magari se ci posti un link alla pagina completa...

[Fatal Error]

io ho fatto un'anteprima con IE6 e non funzionava bene, boh...
comunque non ho ancora sviluppato la pagina... stavo ancora provando appunto il centramento con il div e quindi le uniche righe di codice sono quelle che ho postato e quelle del div interessato.
penso che riutilizzerò il metodo dei margini negativi e cambierò i parametri a seconda della risoluzione (800x600 o magiore) con il javascript. A questo punto mi sembra la soluzione più adatta.

Grazie mille per la disponibilità e la pazienza!