- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Struttura responsive
-
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
-
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