• User

    [Risolto] Centrare unlivello nel body

    salve a tuutti,
    sto cercando di centrare un div all'interno di una pagina, lo stesso effetto che otterrei con una tabella centrata all'interno della pagina, ma con un livello.

    Ho provato diverse soluzioni ma nulla, al momento il codice della pagina è

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
    <head>
    <link href="style_flying.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="testa"><img src="immagini/sfondo_1.gif" width="1020" height="210"/></div>
    </body>
    </html>

    mentre il foglio di stile è

    #testa{
    width:1020;
    position: absolute;
    left:50%;
    }

    ho provato ancho portando i margini del body a 0 ma niente, sempre a sinistra resta :x.

    Grazie a chinque sappia rispondermi.


  • Super User

    Ciao Tymosss 🙂
    Prova aggiungendo questo valore (ed eliminando i valori absolute e left):
    [HTML]
    #testa{
    text-align:center;
    margin:0 auto;
    }
    [/HTML]

    text-align ti servirà per centrare la tua immagine.
    margin con quei valori e in particolar modo "auto" ti centrarà il div nella pagina.

    SSsscciao!


  • User

    Funziona!!!!:yuppi:

    Grazie Karedas.