• User

    Struttura responsive

    Salve, sto creando un sito web interamente da zero e non riesco a rendere completamente responsive la struttura..
    in particolare con internet explorer e su alcuni smartphone:

    Credo il problema (almeno uno) sia qui nel file css:

    [HTML]#container { width:950px; margin:0 auto; background:#FFF; margin-top:30px;}[/HTML]

    e qui :

    [HTML]body { color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin: 0px; padding: 0px; background-image:url(../image/bg.jpg); background-repeat:repeat-x;
    }[/HTML]

    mi potete gentilmente aiutare?
    Grazie :ciauz:


  • Super User

    Dovresti impostare **max-width:100%; **

    p.s.: ti suggerirei di impostare #container con width:960px; invece che 950.
    960px è un ottimo numero perchè è divisibile per tanti numeri (2, 3, 4, 5, 8, ecc.) e questo può tornarti utile in futuro.
    esistono molti template basati su "griglie a 960px", puoi anche guardare il sito 960.gs 😉