Compatibilità CSS - IE8.0 = FF 3.0 ?

**pcf** · 04-11-2010, 19:52

Ciao ragazzi,

mi confermate che ad oggi con I.E. 8.0 (che da statistiche ufficiali in generale confermate da quelle dei miei siti è il browser più utilizzato assieme a FF 3.0) non occorrono per il box model (ma anche selettori, proprietà, ecc) hack e stragemmi come invece accadeva in passato con I.E. 5.5 e I.E. 6 ?

Ecco quello che diceva Alessandro Fulciniti il 12 Dicembre 2003 con l'articolo: "Capire il box model"

Questa è la prova che ho fatto adesso con https://browserlab.adobe.com

(tutti con S.O. Windows XP)

E' corretto dire che ormai quello che si vede con F.F 3.0 si vede con I.E. 8.0 ?

Questa era una lista di compatibilità sui selettori, proprietà e keyword, ecc

Se non tutto quello che ho detto è vero.. cosa invece ancora non rende uguali i tuoi browser ?
(se avete un link ad una lista di compatibilità aggiornata postatela qui.. grazie)

(stranamente dalle statistiche dei miei siti sembra molto utilizzato quasi assieme a IE 8.0 il Browser Safari)

**ResianTaxidrive** · 04-11-2010, 20:17

il @font-face non mi sembra sia supportato da FF3

poi non è che con i due browser si vede esattamente uguale, ci possono essere delle lievi differenze, certo non avvengono stravolgimenti stratosferici però qualcosa c'è.

Ad esempio il :first-letter non sempre si comporta uguale e mi sembra anche altre pseudo classes. Sul w3school mi pare che c'è scritta tutta la tabella di compatibilità e supporto.

**pcf** · 06-11-2010, 14:38

Grazie per il riscontro

E' corretto dire che ormai quello che si vede con F.F 3.0 si vede con I.E. 8.0 ?

poi non è che con i due browser si vede esattamente uguale

Se sono lievi differenze.. questo è accettabile

Sul w3school mi pare che c'è scritta tutta la tabella di compatibilità e supporto.

Dove esattamente ? in http://www.w3schools.com/css/ non l'ho trovata (?)

Ho solo trovato questo http://www.w3schools.com/CSS/css_align.asp

**ResianTaxidrive** · 10-11-2010, 11:43

Tutti i selettori li trovi qui:

http://www.w3schools.com/CSS/css_reference_atoz.asp

poi clicchi nel dettaglio di ciascuno e ti da la compatibilità con tutti i browsers.

**pcf** · 13-11-2010, 01:03

Ahh si in Browser Support

Quindi mi confermi anche tu che grosso modo IE 8.0 e FF 3.0 si sono allineati ?

Grazie Mille

**ResianTaxidrive** · 16-11-2010, 11:38

In base alla mia esperienza, non vedo differenze così macroscopiche.

**pat7331** · 20-11-2010, 15:44

Forse io ho trovato qualche problema con IE8, ne approfitto di questa discussione per sottoporlo e chiedervi un aiuto. Purtroppo io non ho IE8 ma mi dicono che su questo menù il risultato cambia, ecco il codice html:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
menu.it
</title>
<link rel="stylesheet" href="menu.css" type="text/css" />
</head>
<body>
	<div id="menu">
			<ul class="menu1">
				[*]UNO
				[*]DUE
				[*]TRE
				[*]QUA
				<li class="drop">QUI<table><tr><td>
					<ul>
					[*]QUI_1
					[*]QUI_2
					[*]QUI_3
					[*]QUI_4
					[/list]
					</td></tr></table>
				
				<li class="drop">SEX<table><tr><td>
					<ul>
					[*]SEX_1
					[*]SEX_2
					[*]SEX_3
					[*]SEX_4
					[*]SEX_5
					[/list]
					</td></tr></table>
				
				<li class="drop">SET<table><tr><td>
					<ul>
					[*]SET_1
					[*]SET_2
					[*]SET_3
					[*]SET_4
					[*]SET_5
					[*]SET_6
					[/list]
					</td></tr></table>
				
				<li class="drop">OCT<table><tr><td>
					<ul>
					[*]OCT_1
					[*]OCT_2
					[*]OCT_3
					[*]OCT_4
					[/list]
					</td></tr></table>
				
				<li class="background">NOV
			[/list]
			</div>
		</div>
</body>
</html>

ed ecco il foglio di stile:

codice:

ul.menu1, ul ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	height: 500px;
	overflow: hidden;
	width: 160px;
	text-align: left;
	color: #000;
	}
	
ul.menu1{
	margin: 10px 0 0 0;
	font-size: 0.9em;
	}

ul.menu1 table{
	border-collapse:collapse;
	padding:0;
	margin:0;
	font-size:1em;
	}
	
ul.menu1 li{
	text-indent:0.3em;
	border-bottom: 1px solid #D7D7D7;
	}
	
ul.menu1 li.drop {
	margin-bottom:-2px;
	}

ul.menu1 li a, ul.menu1 li a:visited{
	display:block;
	width: 160px;
	height:1.8em;
	line-height:1.7em;
	text-decoration:none;
	color:#000;
	background: #FBFBFB;
	}
	
ul.menu1 li a.last, ul.menu1 li a.last:visited{
	display:block;
	width: 160px;
	height:14em;
	line-height:1.8em;
	border-bottom: none;
	}
	
ul.menu1 li ul{
	display:none;
	}

ul.menu1 li:hover a, ul.menu1 li a:hover{
	color:#000;
	background: #E3E3E3;
	font-weight: bold;
	}
	
ul.menu1 li:hover ul, ul.menu1 li a:hover ul{
	display: block;
	height: 12em;
	width: 160px;
	}
	
ul.menu1 li:hover ul li a, ul.menu1 li a:hover ul li a{
	height:1.8em;
	background:#FBFBFB;
	color:#000;
	font-weight: normal;
	}
	
ul.menu1 li:hover ul li:hover a, ul.menu1 li a:hover ul li a:hover{
	background:#E3E3E3;
	color:#000;
	font-weight: bold;
	}

ul.menu1 li.background a:hover{
	background: url(../img/giornale_piccolo.jpg) no-repeat bottom center;
	}
	
ul.menu1 li.background {
	border: none;
	}

questo menù l'ho rubato da cssplay , non gli ho dato un contributo come vorrebbe Steward Nichols ma appena ho due lire glielo darò...
Grazie per ogni aiuto, ciao

**pcf** · 20-11-2010, 21:30

Grazie ragazzi per il vs riscontro

pat7331 ho provato il tuo menù su entrambi i browser e ho trovato su IE8.0 delle sovrapposizioni non appena premi su 3 qua/qui come puoi vedere dallo screenshot

ma credo che siano condizioni particolari (o forse no ? )

**pat7331** · 22-11-2010, 09:41

Già, e avete un'idea per risolvere il problema?

**ResianTaxidrive** · 22-11-2010, 12:09

io intanto proverei a togliere senz'altro le tabelle e poi vediamo.

Cmq sto menu non mi piace, non sopporto quando mi si spostano le cose; vado su una voce per ckliccarla e questa mi si sposta.

Discussione: Compatibilità CSS - IE8.0 = FF 3.0 ?

Strumenti discussione

Ricerca discussione

Visualizza

Compatibilità CSS - IE8.0 = FF 3.0 ?

Permessi di invio