immagini e layout in %

[cortex]

Ciao a tutti,

ho un problema con un layout fluido e la risoluzione degli schermi,

praticamnte a schermo "pieno" 1280X800 si vede tutto perfettamente, se provo a mettere la risoluzione 800x600 il layout non viene ridimensionato ma le immagini vengono mozzate... non mi salta fuori nemmeno la barra di scroll orizzontale...

segue il codice, qualcuno può darmi una manina plz ?!?

body {  
   padding: auto;
   margin: auto;
   text-align: center;
   background: url(img/under.gif) repeat-y  50% 0;
}

#centrato {
 width : 100%;
}

#intestazione {
width: 100%;
background: url(img/header.gif) no-repeat 50% 0;
height: 150px;
}

qualche suggerimento?!?!

grazie mille
Stefano

[thomas_anderson]

ciao!
non dovresti mettere 'padding' e 'margin' su 'auto'. così prendono il valore iniziale del browser che, in base alle specifiche e al browser, è di circa 8px. è sempre meglio metterlo su 0. devi calcolare la dimensione delle immagini, ossia non puoi avere un'immagine di 1200px su una risoluzione 800x600. semplicemente, non può starci. le immagini hanno una dimensione intrinseca espressa sempre in pixel. devi prima calcolare esattamente la dimensione dell'immagine. per il banner in genere va bene una dimensione di 1280x100 o 1024x 100. per body devi vedere se l'immagine di sfondo sta in 800x600. tutto qui.

[cortex]

grazie mille della dritta...

però non capisco visto che cmq l'immagine di sfondo dell'intestazione è 1280X150...

e se invece di usarla come sfondo la mettessi come immagine dentro il div ?

[cortex]

continuo a non saltarci fuori...

ho provato mille risoluzioni diverse per il banner in altro ma me lo rimpicciolisce sempre...

ho provato anche a ridurre da 100 a 80 la % di "centrato" ma nulla...