Problema compatibilità Firefox

**lupoz91** · 27-03-2012, 00:28

Ciao a tutti,
ho riscontrato un problema di compatibilità con firefox, mentre su chrome e IE va tutto come dovrebbe...il problema penso sia riguardante il div tabella, che ho creato appositamente per aggirare il problema di ridimensionamento pagine e delle possibili diverse risoluzione degli schermi senza ricorrere alle percentuali...non capisco perchè su Firefox non posiziona i div delle singole immagini secondo le coordinate da me dategli...
Potete vedere il sito su http://celtica.host22.com
Ringrazio in anticipo chiunque abbia qualche suggerimento/soluzione a questo problema
Grazie e ciao!

Questo è il codice HTML:

codice:

  
<!DOCTYPE html PUBLIC "-//W3C//Dtr XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/Dtr/xhtml1-transitional.dtr">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ReadyMeals</title>
<style type="text/css">
body {
	background-image: url();
	background-repeat: repeat;
	background-color: #CCC;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#apDiv8 {
	position:relative;
	height:58px;
	z-index:8;
	left: 541px;
	top: 706px;
}
#apDiv9 {
	position:relative;
	height:70px;
	z-index:9;
	left: 15px;
	top: -4px;
}
#apDiv10 {
	position:relative;
	height:70px;
	z-index:1;
	left: 0px;
	top: -49px;
}
#apDiv11 {
	position: relative;
	height: 70px;
	z-index: 1;
	left: 580px;
	top: 111px;
}
#apDiv12 {
	position: relative;
	height: 70px;
	z-index: 2;
	left: 280px;
	top: 188px;
}
#apDiv13 {
	position:relative;
	height:70px;
	z-index:3;
	left: 669px;
	top: 373px;
}
#apDiv14 {
	position:relative;
	height:70px;
	z-index:4;
	left: 100px;
	top: 560px;
}
#apDiv15 {
	position:relative;

	height:70px;
	z-index:2;
	left: -300px;
	top: 373px;
}
#apDiv16 {
	position:relative;
	height:70px;
	z-index:5;
	left: -380px;
	top: 188px;
}
#apDiv17 {
	position:relative;
	height:55px;
	z-index:6;
	left: -360px;
	top: 560px;
}
#apDiv18 {
	position:relative;
	height:70px;
	z-index:7;
	left: -360px;
	top: 643px;
}
#apDiv20 {
	position:absolute;
	margin-top:-60px;
	
}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<table width= "1259" border="0" align="center" cellpadding="0" cellspacing="0" >
<td>
 <tr id="apDiv20">[img]background2.png[/img]  
 <tr id="apDiv11">[img]italia.png[/img]  
 <tr id="apDiv13"><a href="russo/chisiamo.html">[img]russia.png[/img]  
 <tr id="apDiv14"><a href="cinese/chisiamo.html">[img]cina.png[/img]  
 <tr id="apDiv12"><a href="tedesco/chisiamo.html">[img]germania.png[/img]  
 <tr id="apDiv15"><a href="spagnolo/chisiamo.html">[img]spagna.png[/img]  
 <tr id="apDiv16"><a href="francese/chisiamo.html">[img]francia.png[/img]  
 <tr id="apDiv18"><a href="eng/chisiamo.html">[img]inghilterra.png[/img]  
 <tr id="apDiv17"><a href="arabo/chisiamo.html">[img]araba.png[/img]  
</td>
 </table>
</body >
</html >

**Vincent.Zeno** · 27-03-2012, 00:52

ciao lupoz91 e benvenuto,

per favore inserisci il codice nel tag [CODE] [/CODE]

(basta che modifichi il messaggio mettendo apertura e chiusura del tag)
grazie e buon lavoro

EDIT:
ok, è passata più di un'ora. ho modificato io

**lupoz91** · 13-04-2012, 13:48

Nessuno ha idee??

**Prill** · 14-04-2012, 19:59

Hai inserito i link nelle righe invece che nelle celle. Il tuo codice può essere rivisto così (potresti usare anche un elenco per il menu e in quel caso posizionare le voci elenco) :

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ReadyMeals</title>
<style type="text/css">
body {
	background-color: #ccc;
	margin:0;
}
#main {
	width:1269px;
	height:859px;
	margin:0 auto;
	background-image: url(ReadyMeals_files/background2.png);
	background-repeat: no-repeat;
	position:relative;
}
a {

	display:block;
	width:100px;
	height:70px;
	position:absolute;
	text-decoration: none;
}

a img {
	border: none;
}
a#italia {
	top: 170px;
	left: 585px;
}
a#russia {
	top: 400px;
	left:835px;
}
a#spagna {
	top: 400px;
	left:320px;
}
a#inghilterra {
	top: 691px;
	left:585px;
}
a#francia {
	top: 260px;
	left:380px;
}
a#germania {
	top: 260px;
	left:780px;
}
a#cina {
	top: 585px;
	left:380px;
}
a#arabia {
	top: 585px;
	left:780px;
}

</style>
</head>

<body>
<div id="main">
  [img]italia.png[/img]
  [img]ReadyMeals_files/russia.png[/img]
  [img]spagna.png[/img]
  [img]inghilterra.png[/img]
  [img]cina.png[/img]
  [img]germania.png[/img]
  [img]francia.png[/img]
  [img]araba.png[/img]
</div>
</body></html>

**lupoz91** · 15-04-2012, 14:40

grazie mille Prill!!!! non sapevo + come uscirne!! adesso ho capito, mi aspetta un lavoraccio sul resto del sito ma almeno stavolta lo sistemo definitivamente

Discussione: Problema compatibilità Firefox

Strumenti discussione

Ricerca discussione

Visualizza

Problema compatibilità Firefox

Permessi di invio