problemi di codifica charset=utf-8?

**bancopaz** · 12-02-2010, 22:54

Ciao raga ho un problema con un sito che mi sta facendo uscire matto.
mi spiego:
Ho creato un sito con un template free preso dalla rete e lavorandolo e personalizzandolo mi sono accorto di questo problema che mi da , su alcuni browser IE , mozzilla , opera, sul mio pc il sito si vede bene e ben formattato, mentre su alcuni pc , tipo quello del mio ufficio e un altro paio di conoscenti la parte finale dell' home page si vedeva male e il footer viene visualizzato doppio , ho cambiato in tutte le pagine il charset=iso-8859-1 con charset=utf-8 e l'home page si e' stabilizzata e si vede bene mentre le pagine successive il footer viene visualizzato sempre doppio.
sapete come posso risolvere questo problema?? grazie in anticipo , vi posto il codice cosi magari date un occhiata.

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" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-us" />
<meta name="description" content="Azienda certificata UNI EN ISO 9100 & 14001 specializzata in lavorazioni a controllo numerico CNC, tornitura CNC Fresatura CNC"/>
<meta name="keywords" content="Officina Mega s.r.l. costruzioni meccaniche di precisione" />
<meta name="google-site-verification" content="UjGXU76IhoQtBa9FQFyg4owj6tT0vaQAYQoNBnkUdnE" />
<meta name="robots" content="index,follow" />
<title>Officina Mega s.r.l. -costruzioni meccaniche di precisione chi siamo</title>
<link href="../css/blue-shift.css" rel="stylesheet" type="text/css" media="screen" />
<script language="JavaScript" type="text/javascript">


defaultStatus="";
number_of_sponsors=6;

var sctr=0;
var isn=new Array();
for (i=0;i<number_of_sponsors;i++){
 isn[i]=new Image();
}




isn[0].src="../images/rotate1.gif";
isn[1].src="../images/rotate2.gif";
isn[2].src="../images/rotate3.gif";
isn[3].src="../images/rotate4.gif";
isn[4].src="../images/rotate5.gif";
isn[5].src="../images/rotate6.gif";







var durl=new Array();
durl[0]="#";
durl[1]="#";
durl[2]="#";
durl[3]="#";
durl[4]="#";
durl[5]="#";





function rotateIt(){
  sctr++;
  if (sctr>number_of_sponsors-1){
   sctr=0;
   }
  document.sponsor.src=isn[sctr].src;
  setTimeout("rotateIt()",5000);
}




function doIt(){
 location.href=durl[sctr];
 }

function dispIt(){
 parent.window.status=durl[sctr];
 }

</script>


</head>

<body onLoad="rotateIt()">



<div id="banner">
  
<div id="nav-meta">
		<ul title="Top Level Navigation bar">
			[*]Contatti
			[*]Job
			[*]Home
			[*]Dove Siamo 
		[/list]
  </div>

</div>

<div id="nav-toplevel">

	<div id="nav-main">
		<ul title="Major Site Sections">
			<li id="nmli_0">
		[/list]
	</div>



</div>

<div id="container">

  <div id="content">
	  <h1>Chi Siamo  </h1>
    <p align="center">[img]../images/certificazioni.gif[/img]</p>
    <p align="justify">[img]../images/nav_meta_on.gif[/img] OFFICINA MEGA s.r.l. opera sin  dal 1978 nel settore aeronautico, eseguendo lavorazioni meccaniche di precisione, in particolare per  la produzione in serie di componenti per aerei civili, militari ed  aerospaziali. 

      L&rsquo;organico attuale &egrave; formato da  ventidue dipendenti, di cui 13 operai  specializzati su macchine a controllo numerico, un capo-officina, un impiegato  amministrativo, un collaudatore, 4 operai non qualificati, 2 programmatori  CAD/CAM. L&rsquo;azienda opera su tre turni di  lavoro di otto ore cdn, oltre alla mattinata del sabato. E&rsquo; in grado di offrire  una produzione altamente specializzata, con pieno rispetto dei termini di  consegna ed a costi molto competitivi. 

      Le principali aziende committenti  sono: ALENIA AERONAUTICA S.p.a., O.M.A. S.p.a., MOREGGIA S.p.a, C.M.A. S.p.a.,  OMPM s.r.l, ILMAS S.p.a.. 

    L&rsquo;azienda ha ottenuto dall&rsquo;ALENIA  AERONAUTICA S.p.a. la qualifica per le  lavorazioni meccaniche, nonch&eacute; qualifica per  rilevazione di durezza e conducibilit&agrave; ed ha partecipato a corsi per  montaggio cuscinetti e boccole, nonch&eacute; masticiatura.

    [img]../images/nav_meta_on.gif[/img]Nel mese di gennaio 2009 ha  conseguito la qualifica ISO EN 9100 con la relativa certificazione come da logo  soprariportati, dal 1992 &egrave; dotata di sistema per la Gestione della Qualit&agrave;.

      [img]../images/nav_meta_on.gif[/img]Da pochi mesi la ditta occupa  una nuova struttura alla Via Arco S. Antonio, I trav. N.3 &ndash; Giugliano (NA) -  (uscita Giugliano-Villaricca-Parte dell&rsquo;Asse Mediano) di circa 1000mq di spazio  coperto e 1600mq di spazio all&rsquo;aperto, con possibilit&agrave; di ricavare nuove  strutture coperte. 

    </p>
    <p align="justify"></p>
    <p align="justify"></p>
    <p align="center"> &copy; 2010  Offcina Mega S.r.l. - p.iva 04673031219 </p>
  </div>


	
	<div id="nav-subs">



		<div id="nav-section">

			

L'Azienda</p>
			
			<ul title="Current Section Subsections">
				[*]Chi Siamo 
			[*]Parco macchine
			[*]Qualit� 
				[*]Referenze 
			[*]Programmi
				[*]Tool design
			[*]Dove Siamo 
				[*]Contatti
				[*]Foto
		[/list]

		</div>


	
	  <div id="nav-supp"><a href="javascript:doIt()" onMouseOver="dispIt();return true">[img]../images/rotate1.gif[/img]</div>


		
	</div>



  <div id="info-site">

		<p id="info-company">|Home|Contatti|Job| Admin | </p>
		<p id="info-standards">powered by www.nomesito.it </p>

  </div>
  </div>


</body>

</html>

**alexba64** · 12-02-2010, 23:15

Il charset UFT-8 non centra con la formattazione degli elementi contenuti nella pagina che mi pare siano corretti tolti un paio di cosine tipo:

codice:

language="JavaScript"

<body onLoad="rotateIt()">

<p align="justify"></p>

<p align="center">

target="_blank"

da levare e/o modificare ma che non dovrebbero influire.

I banner sono fuori dal container, io li inserirei dentro.

Il tuo problema sta certamente nel blue-shift.css che non hai postato.

**bancopaz** · 13-02-2010, 00:03

posto il css ma scusa la mia domanda se fossero i css non dovrebbe essere visualizzata male anche la prima pagina?? spero di poter risolvere il problema

codice:

/* --- DEFAULTS ---------------- */

:link, :visited {
text-decoration:none;
}

ul, ol {
list-style:none;
margin: }

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, body, html, p, blockquote {
	margin:0;
	padding:0;
}

/* --- BODY -------------------- */

body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	color:#646464;
	background: url(../images/body_bg.gif) 50% 0 repeat-y #ddd;
	text-decoration: none;
}

/* --- BANNER ------------------ */

#banner {
position:relative;
width:800px;
height:160px;
margin:0 auto;
background-image: url(../images/banner01.gif);
font-size: 1.3em;
}

#banner p {
position:relative;
top:65px;
left:170px;
width:600px;
font-family:trebuchet,"trebuchet ms",sans-serif;
letter-spacing:1px;
color:#fff;
}

#nav-meta {
position:absolute;
top:16px;
left:701px;
width:90px;
font:bold trebuchet,"trebuchet ms",arial,helvetica,sans-serif;
font-size: .5em;
}

#nav-meta a {
padding-left:11px;
color:#fff;
}

#nav-meta a:hover {
background:url(../images/nav_meta_on.gif) 0 50% no-repeat;
}

html>body #nav-meta a:hover {
background-position:0 68%;
}

/* --- NAV-MAIN ---------------- */

#nav-main {
width:800px;
height:20px;
margin:0 auto;
background: url(../images/main_megabg.jpg) ;
font-size: .75em;
font-weight: bold;}

#nav-main ul {
position:relative;
}

#nav-main li {
position:absolute;
top:1px;
font:bold arial,verdana,sans-serif;
}

#nmli_0 {
left:0px;
}

#nmli_1 {
left:59px;
}

#nmli_2 {
left:143px;
}

#nmli_3 {
left:223px;
}

#nmli_4 {
left:322px;
}

#nmli_5 {
left:412px;
}

#nav-main a {
display:block;
width:83px;
height:18px;
padding:1px 0 0 28px;
color:#69a3cf;
}

#nmli_0 a {
width:63px;
padding-left:10px;
}

#nav-main a:hover {
color:#0059CB;
}

#nav-main .current {
color:#a6a6a6;
background:url(../images/nav_main_on.gif) 100% 0;
}

#nav-main .current:hover {
color:#a6a6a6;
cursor:default;
}

/* --- CONTAINER --------------- */

#container {
width:800px;
margin:0 auto;
background:url(../images/container_bg.gif) repeat-y;
}

/* --- CONTENT ----------------- */

#content {
float:left;
width:540px;
background:url(../images/content_bg.gif) 100% 0 no-repeat;
}

#content h1 {
margin:13px 20px 3px 18px;
padding-left:30px;
font: verdana,sans-serif;
letter-spacing:1px;
background:url(../images/h1_bg.gif) 0 100% no-repeat;
font-size: 1.2em;}

#content h2 {
position:relative;
top:10px;
margin:5px 0 0 26px;
padding-left:18px;
font:bold verdana,sans-serif;
letter-spacing:1px;
background:url(../images/h2_bg.gif) 0 70% no-repeat;
font-size: 1em;}

#content h3 {
position:relative;
top:10px;
margin-left:32px;
padding-left:13px;
font:bold verdana,sans-serif;
letter-spacing:1px;
background:url(../images/h3_bg.gif) 0 50% no-repeat;
font-size: 1em;}

#content p {
margin-left:20px;
padding:14px 15px 6px 26px;
text-indent:.2in;
line-height:17px;
font-size: .8em;
line-height: 1.6em;
}

#content ol, #content ul {
margin-left:20px;
padding:14px 15px 6px 26px;
font-size: .8em;
line-height: 1.6em;
}

#content ol {
list-style-type: decimal;
}

#content li {
margin-left:25px;
}

#content .first {
padding-top:4px;
border-top:2px solid #e2e2e2;
}

#content a {
font:bold verdana,sans-serif;
color:#69a3cf;
}

#content a:hover {
color:#1987d4;
}

/* --- NAV-SUBS ---------------- */

#nav-subs {
float:right;
width:260px;
padding-top:41px;
background:url(../images/nav_subs_bg.jpg) no-repeat;
}

#nav-subs div {
margin:0 10px 30px 15px;
}

#nav-subs p {
margin:0 0 2px 2px;
padding-left:14px;
font:bold verdana,sans-serif;
letter-spacing:1px;
background:url(../images/nav_subs_head.gif) 0 50% no-repeat;
font-size: 1.1em;
}

#nav-subs ul {
padding:2px 10px 4px 18px;
border:1px solid #c9c9c9;
background:#e3e3e3;
font-size: .9em;
}

#nav-subs li ul {
padding:0 0 4px 17px;
border:none;
background-image:url(../none);
}

#nav-subs li a {
padding-left:15px;
font:bold verdana,arial,helvetica,sans-serif;
color:#909090;
background:url(../images/nav_0_off.gif) 0 60% no-repeat;
}

#nav-subs li li a {
padding-left:11px;
font-weight:normal;
background-image:url(../images/nav_1_off.gif);
}

#nav-subs li a:hover {
	color:#1987d4;
	background-image:url(../images/nav_0_on.gif);
}

#nav-subs li li a:hover {
background-image:url(../images/nav_1_on.gif);
}

#nav-subs .youarehere {
color:#0059CB;
}

#nav-subs li .youarehere {
background-image:url(../images/nav_0_cur.gif);
}

#nav-subs li li .youarehere {
background-image:url(../images/nav_1_cur.gif);
}

/* --- INFO-SITE --------------- */

#info-site {
clear:both;
height:90px;
width:800px;
margin:0 auto;
background:url(../images/info_site_bg.jpg);
font-size: .7em;
}

#info-company {
width:540px;
padding-top:9px;
text-align:center;
font:verdana,arial,helvetica,sans-serif;
}

#info-company a {
color:#777;
padding:0 10px 0 21px;
background:url(../images/nav_1_off.gif) 10px 60% no-repeat;
}

#info-company a:hover {
color:#1987d4;
background-image:url(../images/nav_1_on.gif);
}

#info-standards {
position:relative;
top:47px;
left:590px;
width:210px;
font:bold verdana,arial,helvetica,sans-serif;
color:#fff;
}

#info-standards a {
color:#fff;
}

#info-standards a:hover {
text-decoration:underline;
}

Discussione: problemi di codifica charset=utf-8?

Strumenti discussione

Ricerca discussione

Visualizza

problemi di codifica charset=utf-8?

Permessi di invio