Salve a tutti. Io ho un div di dimensione fissa e devo fare in modo di centrarlo verticalmente nella pagina, indipendentemente dalla risoluzione.

Ho usato il seguente codice:


.maindiv {width: 1002px; height: 754px; position: relative; top: 50%; margin-top: -377px;}

Ora, ecco la situazione:

- Google Chrome: perfetto, è centrato perfettamente e se la risoluzione è inferiore a 754 (in altezza) viene inserita la barra di scorrimento laterale.

- IE: è centrato verticalmente, ma se la dimensione è inferiore a 754 non viene messa la barra di scorrimento, quindi i px bassi non vengono visualizzati.

- Firefox: Si vede solo la metà bassa, la metà alta è tagliata...praticamente in firefox il div si trova 377px più in alto che negli altri browser.

Come faccio a centrare verticalmente un div in modo che vada bene su tutti i browser?

Poi ho anche un'altra domanda che riguarda sempre l'applicazione di una cosa crossbrowser...però in questo caso ci sono anche dei codici javascript, in che sezione la posto? sempre qua?