adattamento sito a ogni risoluzione

Salve a tutti, nel precedente topi mi avete aiutato tantissimo, tanto che ora riguardo a quelle cose so tutto e riesco a gestirmi totalmente da solo senza alcun problema. Ora però ho notato questo difetto, con altri pc vedo il sito in modo molto scomposto e inadeguato a una visione piacevole del sito; in rete su vari topic e guide css ho visto che ci sono vari modi per gestire questo fatto, ma nessuno che mi abbia aiutato veramente a capire la corretta stesura del codice. Sono già a conoscenza che le immagini nel sito le devo adattare in % e non pixel, in modo che ogni schermo abbia la sua grandezza in base alla risoluzione, e fin qui è tutto ok, devo solo rifare il codice modificando piccoli valori! ma se volessi centrare le immagini e tutto il contenuto del sito? in modo che su un'altro pc non si veda in modo errato, cosa devo inserire nel css base? quali sono i valori da aggiungere e/o modificare? :roll: Ragazzi chiedo l'aiuto dal pubblico :tongue

Per centrare una pagina puoi fare così,

esempio

Codice:

---

body {width:1000px;
margin:20px auto;
}

---

poi ovviamente lo imposti come più preferisci, però come vedi sopra usando la dicitura auto nel margin, lui adatta automaticamente i margini ai lati, prendendo come riferimento il valore impostato in width.

intuisco che c'è qualcosa di sbagliato in questo codice, cos'è? e... come faccio in modo che il "width" sia al centro e non a sinistra :3

Codice:

---

html, body{
        width:1000px;
        margin:20px auto;
        background-color:#000000;
        margin-left: 5px;
        margin-right: 5px;
        color: #000099;
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        }

---

Non puoi mettere il tag html e body insieme in questo caso, perché non otterrai nessun centramento.

Prova così, e ricordati che nel body devi comunque aggiungere gli elementi della pagina, altrimenti non vedrai il risultato.

Codice:

---

body {
        width:1000px;
        margin:20px auto;
        background-color:#000000;
        color: #000099;
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        }

---

Il problema non è avere un selettore sia per l'elemento html che per quello body (anche se effettivamente non ha grande utilità in questo caso), ma piuttosto i margini destro e sinistro devono rimanere impostati su auto, vengono invece impostati sul valore di 5px.

perfetto un grazie infinite a astria per il codice a la sua immensa disponibilità da quando sono nel forum, gente cosi paziente e disponibile diminuiscono sempre di più, e grazie a karl che ho capito l'errore da parte mia, anche se non riuscivo a collegare con il cervello vi ringrazio ragazzi