Sfondo HP: pareri

[zaratustra]

volevo sentire il vostro parere in merito a questa cosa: gli sfondi delle home page.

Mettete caso di avere una immagine di sfondo che deve occupare tutta la pagina: la pagina non ha scroll bar.

Quale soluzione usare per adattare l'immagine alle diverse e possibili risoluzione del monitor??

Una immagine per ogni risoluzione e con uno script far vedere quella giusta??

Un ingabbiamente in una tabella fissa bella per esempio per 1024*768 e per le alte risoluzione una cornice tutt'attorno??

cos'altro???

[ZeroCool981]

Allora la risoluzione in assoluto più utilizzata è purtroppo e ancora la 800x600. Quindi se non vuoi che la tua immagine venga mozzata in tale risoluzione o in certi casi che ti appaia la scrollbar orizzontale ti consiglio di utilizzare come width massima 770 logicamente la pagina deve avere border="0"

[Jerry Masslo]

a meno di script gli sfondi non si possono ridimensionare, ci si può fare di tutto ma non questo.

le soluzioni più comuni sono di usare sfondi che si ripetono

se tu hai una sola immagine, una soluzione potrebbe essere non usarla come sfondo, perché da quanto dici sembra che non abbia proprio le caratteristiche di sfondo, o mi sbaglio? e metterla dentro un div e dare all'immagine un width al 100% in modo che si adatti a tutte le risoluzioni, usando questo sistema puoi anche fargli fare da sfondo, mettendola in un layer e posizionando il resto in un altro layer senza sfondo sopra il primo, ma tutto dipende dal tipo di immagini, non tutte rendono con un ridimensionamento in percentuale.

il mio consiglio comunque è di non incasinare troppo il codice e per lo sfondo scegliere immagini che ne abbiano le caratteristiche, eventualmente se immagini unica raccordarla alle estremità al colore di sfondo in modo che la pagina è più larga non succede niente e se viene tagliata da una pagina più stretta non sarà importante visto che è uno sfondo.

cioè:

body {background:silver url(TuaImmagine) top center no-repeat}

ad esempio