sfondo header ridimensionabile

**nrocco** · 18-12-2006, 15:13

ciao,
stò realizzando un piccolo sito internet... volevo farlo con un layout che occupasse l'intera pagina in orizzontale.
L'header che stò creando si dovrà quindi adattare alla larghezza della finestra.
Ho così preparato 3 immagini:
- sfondo sinistro (in cui cè il logo)
- sfondo centrale (che si ripete via css con la regola: repeat-x)
- sfondo destro (con l'angolo destro dello sfondo)

L'idea di base mi sembra giusta...ho fatto una tabella con le 2 immagini laterali...mentre quella al centro (che rende adattabile l'header) è posizionata come sfondo del div #header e ripetuta in x.

Ho uploadato tutto a questo indirizzo di comodo:
www.makkarone.it/prova.htm

Il problema è che l'angolo destro non si posiziona esattamente al margine della pagina!!!
Che faccio?

Grazie mille!

**Paola_pg** · 19-12-2006, 08:43

Ciao,
non usare le tabelle...

crea un div e imposta questo: width: 100%; poi posiziona il contenuto.

**nrocco** · 19-12-2006, 10:15

Così sembra ok...

codice:

DIV#header {
	BACKGROUND-IMAGE: url(./img_center.gif); BACKGROUND-REPEAT: repeat-x; HEIGHT: 180px;
width:100%;
}
</STYLE>
</HEAD>
<BODY>
<DIV id=header>
[img]./img_sx.gif[/img]
[img]./img_dx.gif[/img]
</DIV></BODY></HTML>

Discussione: sfondo header ridimensionabile

Strumenti discussione

Ricerca discussione

Visualizza

sfondo header ridimensionabile

Permessi di invio