Buonasera a tutti.
Ho un sito così strutturato:
Ora, io vorrei centrare il tutto. Nei CSS ho scritto:codice:<div id="container"> <div id="header"></div> <div id="menu"><div> <div id="content"></div> <div id="clear"></div> <div id="footer"></div> </div>
codice:#container { margin: auto; vertical-align: middle; }
Perché centra solo in orizzontale e non in verticale? Come dovrei fare per ottenere un riquadro perfettamente al centro della pagina?
Grazie.
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento senza titolo</title> <style type="text/css"> <!-- #container { height: 400px; width: 400px; margin-top: -200px; margin-left: -200px; position:absolute; left: 50%; top: 50%; } --> </style> </head> <body> <div id="container"> <div id="header"></div> <div id="menu"><div> <div id="content"></div> <div id="clear"></div> <div id="footer"></div> </div> </body> </html>
oppure il buon vecchio <div align='center'> </div> che funziona sempre
Allinea in orizzontale ma non in verticale, quando è possibile
Grazie mille!Originariamente inviato da loop
Allinea in orizzontale ma non in verticale, quando è possibile
Un'ultima domanda: come ho potuto notare "margin-top: auto" non funge. Perché allora lo si può utilizzare se non serve a niente? La differenza tra "left: NNpx" e margin-left: NNpx" qual'è?
left è la coordinata sinistra per la posizione
margin-left è il margine sinistro dal bordo del div al suo centro
Permessi di invio
Rispondi quotando