Discrepanze tra IE e FF (quando IE sembra migliore di FF)

**ALonE** · 08-06-2006, 18:39

Ciao a tutti non capisco perchè ho una visualizzazione strana di un codice assolutamente semplice di una pagina

Ecco il css:

codice:

*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
html, body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
#PageContainer{
	width:750px;
	margin:0px auto;
	background-image:url('../images/bkg_main.gif');
	background-repeat:repeat-y;
	height:100%;
}

Questo l'HTML:

codice:

<html>
<body>
<div id="PageContainer">
	

Testo</p>
</div>
</body>
</html>

Come potete vedere sembrerebbe tutto semplice, un div contenitore, centrato e alto quanto la finestra e come sfondo un'immagine, al suo interno un semplice paragrafo con del testo.
Semplice no?
Su IE lo vedo benissimo invece su FF ho una strana visualizzazione:
il testo invece che partire attaccato al margine superiore della pagina ha una distanza di circa 10px o cmq lascia dello spazio bianco in alto e... cosa che più mi fa girare anche lo sfondo del div parte da quel punto, mandando a put...e la grafica!
Cosa assurda se aggiungo & nbsp ; prima dell'apertura del paragrafo

lo sfondo del div parte subito dal margine superiore ma ovviamente tra il testo e il margine superiore c'è sempre uno spazio (ovviamente differente allo spazio lasciato da IE)

Ma cavoli come mai? Come mi fa inca...are sta cosa! Peggio di un paradosso spazio temporale!!!

**indigoindigo** · 08-06-2006, 19:06

Se ho capito bene il problema leva margin e padding da "p"..

**ALonE** · 08-06-2006, 23:18

Non ho capito...

**ALonE** · 09-06-2006, 09:33

Ma non posso toglire il margin e il padding dal tag

altrimenti tutti i paragrafi all'interno del div saranno senza spazi.
no?

**andrea.paiola** · 09-06-2006, 10:15

Originariamente inviato da ALonE
Ma cavoli come mai? Come mi fa inca...are sta cosa! Peggio di un paradosso spazio temporale!!!

Guarda che è normalissimo... Firefox ha un supporto molto migliore dei CSS.
Sviluppa per FF, poi aggiusti per IE servendo CSS adhoc tramite commenti condizionali.

**andrea.paiola** · 09-06-2006, 10:16

Originariamente inviato da ALonE
Ma non posso toglire il margin e il padding dal tag

altrimenti tutti i paragrafi all'interno del div saranno senza spazi.
no?

non esistono solo i selettori di tipo eh

**ALonE** · 09-06-2006, 15:36

Cerco di spiegarmi meglio con un esempio
Questo è il codice di una pagina tipo, ed è alquanto banale:

codice:

<html>
<head>
<title>Documento senza titolo</title>
<style>
body, html{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
#primo{
	background-color:#FF0000;
	height:100%;
}
#secondo{
	background-color:#CCCCCC;
}
#terzo{
	background-color:#66FF66;
}
</style>
</head>

<body>
<div id="primo">
	<div id="secondo">
		

testo</p>
		

testo</p>
		

testo</p>
		

testo</p>
	</div>
	<div id="terzo">
		

testo</p>
		

testo</p>
		

testo</p>
		

testo</p>
	</div>
</div>
</body>
</html>

Questo il risultato sui vari browser

Ora come posso correggere il fatto che:
[list=1][*]su FireFox ci sia quello spazio bianco in alto, cosa che invece su IE non c'è?[*]come mai i 2 div ("secondo" e "terzo") su entrambi i browser sono così distanti? Quello [*]come mai lo spazio tra i vari paragrafi è così differente tra IE e FF? Come posso renderli uguarli?[/list=1]

Grazie!

**andrea.paiola** · 09-06-2006, 16:02

ti dispiace mettere una pagina online?
così non si capisce molto

**ALonE** · 09-06-2006, 16:16

ok.. giusto
ecco qui la PAGINA

**andrea.paiola** · 09-06-2006, 16:28

manca la definizione del tipo di documento (DTD)

Discussione: Discrepanze tra IE e FF (quando IE sembra migliore di FF)

Strumenti discussione

Ricerca discussione

Visualizza

Discrepanze tra IE e FF (quando IE sembra migliore di FF)

Re: Discrepanze tra IE e FF (quando IE sembra migliore di FF)

Permessi di invio