Css aiuto x IE

**Petro_suse91** · 10-10-2005, 18:09

Ciao, in questa semplice pagina sto tentando di costruire un header molto semplice con i css.

Si vede bene in firefox, mentre IE mi aggiunge degli spazi bianchi... come posso risolvere?

Per comodità posto il codice:

codice:

<style type="text/css">
div#headleft {background: url(images/left1.jpg) no-repeat; height:71px;width:10px;float:left}
div#headcenter {background: url(images/head_leftbg.gif) repeat-x; height:71px;}
div#headright {background: url(images/head_right.gif) no-repeat top right; height:71px;width:495px;float:right}
</style>

<body>
	<div id="headright"></div>
	<div id="headleft"></div>
	<div id="headcenter"><h1>Titolo</h1></div>
<body>

**Petro_suse91** · 10-10-2005, 23:47

please!

**Petro_suse91** · 11-10-2005, 12:52

**Petro_suse91** · 11-10-2005, 17:33

sono solo tre semplici box, uno flottato a destra, uno a sx e uno al centro, ognuno con la sua immagine di sfondo.

perchè con internet explorer sono staccati?

codice:

<style type="text/css">
div#headleft {background: url(images/left1.jpg) no-repeat; height:71px;width:10px;float:left}
div#headcenter {background: url(images/head_leftbg.gif) repeat-x; height:71px;}
div#headright {background: url(images/head_right.gif) no-repeat top right; height:71px;width:495px;float:right}
</style>

<body>
	<div id="headright"></div>
	<div id="headleft"></div>
	<div id="headcenter"><h1>Titolo</h1></div>
<body>

aiutatemi please!!

**Petro_suse91** · 12-10-2005, 20:22

Eddaiiiiiii

smettetela di farmi vedere quelle righe biancheeeee

sto sclerando! :maLOL:

**salasir** · 13-10-2005, 09:27

Una soluzione possibile (ma si tratta di aggirare il problema) è questa:

codice:

div#headleft {background: url(images/left1.jpg) no-repeat; 
	height: 71px;width:10px;float:left; }
div#headcenter {height:71px;}
div#headright {background: url(images/head_right.gif) no-repeat top right; 
	height: 71px;width:495px;float:right; }
div#header{height: 71px; background: url(images/head_leftbg.gif) repeat-x; 
}

codice:

<div id="header">
 	<div id="headleft">b</div>
	<div id="headright">a</div>
	<div id="headcenter"><h1>Titolo</h1></div>
</div>

Così mi sembra funzionare.
Nella soluzione originale, ho notato che riuscivo a far sparire le linee eliminando height: 71px; da headcenter ma, ovviamente, si perdeva l'altezza costante.

No ho idea del perchè di questo comportamento

**Petro_suse91** · 13-10-2005, 11:15

Grazie mille, funziona perfettamente!!!

Perchè dici che si tratta di aggirare il problema?

P.S. Grazie grazie!!!!

**salasir** · 13-10-2005, 11:19

Perchè ho spostato il background su un div contenitore eliminandolo da quello interessato che non avendo definizioni prende quelle del padre.

Quello che non capisco sono le due righe bianche che compaiono definendo l'altezza del div

**Petro_suse91** · 13-10-2005, 11:47

Originariamente inviato da salasir
Quello che non capisco sono le due righe bianche che compaiono definendo l'altezza del div

Ehm... quali righe bianche?

Scusa ma sono un po' stordito

**salasir** · 13-10-2005, 11:50

L'oggetto della tua richiesta!
Tu parlavi di spazi non di righe

Discussione: Css aiuto x IE

Strumenti discussione

Ricerca discussione

Visualizza

Css aiuto x IE

up

up

Permessi di invio