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?

Rispondi quotando