In % non va bene perchè in pratica il div in questione dovrebbe stringersi fino ad annullarsi a 800X600, e con le percentuali non accade.
Allora, se lo vedo a 1024X768, dovrei avere il mio div fisso a 765px più il div in questione largo 258px. Se lo vedo a 800X600, dovrei vedere solo il div fisso a 765px, mentre il div in questione dovrebbe stringersi fino a far vedere solo qualche millimetro.
Se lo vedo a risoluzioni più grandi di 1024X768, dovrebbe vedersi il div fisso a 765px, il div in questione a 258px e in più dovrebbe vedersi il background del body che si allunga al 100%, fino a coprire il resto dello schermo... il tutto allineato a destra.
Ti faccio uno schemino di come vorrei che uscisse...
e questo è il codice del css che sto provando a paciugare:
HTML {width:100%; background-image:url(img/bg-container.gif); background-position:top; background-repeat:repeat-x; text-align:right;}
BODY { width:100%; margin:0px -5px 0px 0px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; }
#container { max-width:1003px; text-align:right; right:0px; background-color:#FF0000}
#bg-header { margin:0px 0px 0px 765px; position:relative; padding:0px; height:252px; text-align:right; background-image:url(img/bg-header.gif); background-repeat:no-repeat;}
#header {z-index:10; position:relative; width:765px; height:252px; background-image:url(img/bg-headerok.gif); background-position:right top; background-repeat:no-repeat;}
Rispondi quotando