Mozilla firefox & Internet Explore

**ispuk** · 10-07-2009, 19:17

ho problemi nel costruire un sito

le anteprime di internet explorer e di mozilla non coincidono

se viene bene una l'altra viene male ,come faccio?

mi concentro solo su internet explorer vista la sua vasta diffusione nei computer di tutto il mondo?

**kodem** · 10-07-2009, 20:41

Penso sia uno dei problemi più grandi nel costruire un sito, almeno per chi come me si diletta a farli per hobby...
ed il problema ha anche un nome...Internet Explorer che di versione in versione se ne frega altamente degli standard del W3C...ma sopratutto dei CSS...

mi concentro solo su internet explorer vista la sua vasta diffusione nei computer di tutto il mondo?

direi di no!
se stai usando i Css ci sono comunque dei trucchetti o suggerimenti per aggirare certi problemi...
magari dacci un link o spiega qual'è il tuo problema.

**ispuk** · 10-07-2009, 22:32

www.ispuk.altervista.org

il sito è questo

**kodem** · 11-07-2009, 15:13

ho provato a centrare la pagina e a dare uno sfondo colorato al body per evitare i margini bianchi con risoluzioni maggiori di 1024x768....
prova come va

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>Untitled Document</title>
<style type="text/css">
<!--
html,body{

margin: 0 auto;

padding:0;
text-align:center;
height: 100%;
background-color: #18a441;

}
div#contenitore {
width: 1024px;
height: 100%;
margin: 0 auto;
background: url("img/home.png") no-repeat;
}
div#menuidex {
position:absolute;
width: 1024px;
height: 21px;
top: 170px;
}
img {
border: 0px;
}
a:link {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #330000;
}
a:hover {
	text-decoration: none;
	color: #330000;
}
a:active {
	text-decoration: none;
	color: #330000;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('img/rolloverhomebutton.gif','img/rolloverprogrammabutton.gif','img/rolloverluoghibutton.gif','img/rollovercontattibutton.gif')">
<div id="contenitore">
<div id="menuidex">
[img]img/homebutton.gif[/img][img]img/programmabutton.gif[/img][img]img/luoghibutton.gif[/img][img]img/contattibutton.gif[/img]
</div>
</div>
</body>
</html>

**ispuk** · 11-07-2009, 19:54

ciao

allora ho provato la pagina da te modificata ,con firefox perfetta!!

con internet explorer non va!

purtroppo devo perfezionarla per internet explorer quindi ho bisogno di un'altro consiglio

pensandoci però noto che la mia immagine di sfondo è un png e mi è stato detto che è un file non supportato da IE

è vero?dipenderà da questo?

**kodem** · 11-07-2009, 20:36

che problema ti da con IE...

non è che non siano supportate le immagini png ma la loro trasparenza...
per esempio se crei come immagine png un cerchio nero e dai all'immagine uno sfondo trasparente questo con IE non si vedrà...avrai un immagine con un colore di sfondo e un cerchio nero al centro...
spero di essermi spiegato bene...
comunque esistono delle fix per ovviare a questo problema

**ispuk** · 11-07-2009, 20:45

guarda è tutto a posto è solo il div del menuidex che ha problemi , non è centrato nella pagina

sto provando anteprime con diverse risoluzioni sul mio schermo

è tutto centrato per ogni diversa risoluzione,quello che non è centrato è il menuidex

come risolvo?

grazie ,davvero!!!

guest.1 · 11-07-2009, 20:57

io ti consiglio di mettere questo widgets ad chi usa ancora ie6 e lo fai constringere ad aggiornarsi o scegliere alternative con i browser più moderni.

http://www.stopie6.com/widgets.html

ciao.

**kodem** · 11-07-2009, 21:58

nella parte riguardante il Css prova a modificare da così:

codice:

div#menuidex {
position:absolute;
width: 1024px;
height: 21px;
top: 170px;
}

a così:

codice:

div#menuidex {
position:absolute;
width: 1024px;
height: 21px;
top: 170px;
margin: 0 auto;
text-align:center;
}

Ciao e buona serata

**ispuk** · 12-07-2009, 01:54

Originariamente inviato da luigi.amorfini
io ti consiglio di mettere questo widgets ad chi usa ancora ie6 e lo fai constringere ad aggiornarsi o scegliere alternative con i browser più moderni.

http://www.stopie6.com/widgets.html

ciao.

ciao ,non è una cattiva idea,ma se avessi voluto costringere l'utente a installare qualcosa ,avrei fatto il sito in flash dato che si tratta di una semplice locandina

purtroppo mi è stato richiesto in html esclusivamente e supportato su IE

grazie cmq del link

magari mi potrà servire prima o poi

Discussione: Mozilla firefox & Internet Explore

Strumenti discussione

Ricerca discussione

Visualizza

Mozilla firefox & Internet Explore

Permessi di invio