Avrei una domanda...
per abbellire la testata del mio sito vorrei creare una immagine che occupi tutto l'header... qualcosa tipo 1024x100 pixels...
pero' in caso di risoluzioni piu' basse, comparirebbe la scrollbar orizzontale... cosa che non voglio
Inoltre i pixels sono unità di misura assolute... e li vorrei evitare...
come ci si comporta in questi casi ???
devo suddividere l'header con n <div> a seconda di quante parti vorrei suddividere la testata ???
Ciao fatemi sapere
Do per scontato che il tuo sito utilizzi un layout liquido (altrimenti da domanda non avrebbe molto senso).
Crei un div largo come la tua % di pagina che hai già impostato dove mettere l'header, quest'ultimo lo imposti come sfondo, lo allinei a sx/dx a seconda di quale parte dell'header vuoi "croppare" per prima, et voità.
io farei un header adatto per risoluzione 800x600
e ci metterei uno sfondo in ripetizione orizzontale a destra e sinistra
cmq se vuoi proprio scegliere uno per risoluzione 1024x768
la larghezza non devi impostarla 1024 ma 960, altrimento ti compare comunque lo scroll orizzontale, xke ci sono i margini e le barre che ti occupano spazio in orizzontale
io ho risolto così: mi sono diviso l'header in 2 parti, quella a sx con il logo e tutto il resto, larga 400 px
poi una sezione flottante a destra con un background ripetuto orizzontalmente (largo 1 px) che mi riempie dal 401°px al margine sinistro della pagina, senza scroll orizzontale.
Poi ci ho settato, per ogni evenienza, un bel
overflow-x:hidden
secondo me questa è la soluzione più elegante. E la più leggera in termini di kb dell'immagine
poi vedi tu...
Io ho usato la soluzione più stupida:
Fatto sciocchezza?codice:<img [...] width=100%>Funziona...
Originariamente inviato da The Raven
Io ho usato la soluzione più stupida:
Fatto sciocchezza?codice:<img [...] width=100%>
ma sbaglio o a risoluzioni maggiori ti sgrana l'immagine?
No, non sbagli. La mia soluzione è stata fare un'immagine di 1400 pixel di larghezza e lasciare che il browser la riducesse. Dopo che l'idea è stata approvata da un ragazzo canadese col 28.8k, ho deciso che poteva andare bene
Permessi di invio
Rispondi quotando