ciao a tutti, ho un problema con le pagine del mio sito, che seguono praticamente tutte la stessa struttura.
vi linko una pagina qualsiasi: http://www.elogioallavespa.it/VCstoria.html
provate ad aprirla con browsers diversi e vedrete che ci sono delle differenze dovute all'immagine "Homepage" posta sotto al menu: con firefox, IE7, navigator si vede normalmente e correttamente come voglio io, mentre con safari e opera la pagina è tutta scomposta.
provo ad aggiungere il codice html e css della pagina, spero sappiate darmi una mano:
HTML:
<!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=iso-8859-1" />
<meta name="keywords" content="vespa, piaggio, scooter, moto, motori, epoca, collezionismo, restauro, 50, 125, 150, 180, 200, storia piaggio, vespa club, storia vespa club" />
<meta name="description" content="Il mio sito sulla Vespa" />
<meta name="author" content="" />
<title>Storia del Vespa Club Italia</title>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="VCstoria.css" />
</head>
<body>
<div id="totale">
<div id="menu">
[img]menu2.jpg[/img]
<map name="Map" id="Map">
<area shape="rect" coords="24,101,104,115" href="storia1.html" alt="Anni 1884 - 1914" />
<area shape="rect" coords="23,117,106,129" href="storia2.html" alt="Anni 1914 - 1924" />
<area shape="rect" coords="26,131,105,143" href="storia3.html" alt="Anni 1924 - 1934" />
<area shape="rect" coords="24,145,105,158" href="storia4.html" alt="Anni 1934 - 1945" />
<area shape="rect" coords="25,160,102,173" href="storia5.html" alt="Anni 1945 - 1946" />
<area shape="rect" coords="26,174,102,187" href="storia6.html" alt="Anni 1946 - 1948" />
<area shape="rect" coords="24,189,106,203" href="storia7.html" alt="Anni 1948 - 1956" />
<area shape="rect" coords="25,204,105,217" href="storia8.html" alt="Anni 1958 - 1969" />
<area shape="rect" coords="23,218,105,231" href="storia9.html" alt="Anni 1969 - 1993" />
<area shape="rect" coords="23,233,106,246" href="storia10.html" alt="Anni 1993 - 2007" />
<area shape="rect" coords="26,290,68,302" href="vespe40.html" alt="I modelli Vespa anni '40" />
<area shape="rect" coords="26,306,68,318" href="vespe50.html" alt="I modelli Vespa anni '50" />
<area shape="rect" coords="26,321,68,333" href="vespe60.html" alt="I modelli Vespa anni '60" />
<area shape="rect" coords="27,338,69,350" href="vespe70.html" alt="I modelli Vespa anni '70" />
<area shape="rect" coords="26,354,68,366" href="vespe80.html" alt="I modelli Vespa anni '80" />
<area shape="rect" coords="26,371,68,383" href="vespe90.html" alt="I modelli Vespa anni '90" />
<area shape="rect" coords="25,426,69,441" href="VCstoria.html" alt="La storia del Vespa Club Italia" />
<area shape="rect" coords="25,443,123,458" href="elencoVC.html" alt="I Vespa Club In Italia" />
<area shape="rect" coords="26,461,141,475" href="rsv.html" alt="Il Registro Storico Vespa" />
<area shape="rect" coords="12,516,161,531" href="mia.html" alt="Storia e restauro della mia Vespa" />
<area shape="rect" coords="19,534,154,549" href="viaggio.html" alt="Il mio primo viaggio in Vespa" />
<area shape="rect" coords="29,552,141,572" href="museo.html" alt="Il museo Piaggio" />
<area shape="rect" coords="24,580,151,597" href="pubblicità.html" alt="Le pubblicità Vespa" />
<area shape="rect" coords="48,605,125,622" href="riferimenti.html" alt="riferimenti" />
</map>
[img]homepage.jpg[/img]
</div>
<div id="storia">
<h1>LA STORIA DEL VESPA CLUB ITALIA</h1>
[img]linea_separatrice.gif[/img]
[img]logo.gif[/img]
TESTO
TESTO
TESTO
TESTO
</p>
Per maggiori informazioni si consiglia di visitare il sito del VESPA CLUB ITALIA</p>
</div>
</div>
</body>
</html>
CSS:
body {background-color:#333333;}
#totale {width:1000px;}
#men {border:none;}
#menu {float:left;}
#storia {margin-left:20%;
border:1px solid #747474;
padding:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1.5px;
line-height:1.5;
color:#CCCCCC;
padding:10px 20px;
width:700px;}
#logo {padding:20px 20px 10px 244px;}
#raduno {padding:20px 120px 0 60px;}
#legenda {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
margin-left:20px;}
h1 {font-family:Arial, Helvetica, sans-serif;
font-size:36px;
text-align:center;}
#info {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:10px;
padding-left:150px;
text-align:center;
color:#7ca9f0;
padding-top:5px;}
#torna {margin-left:30px;
border:none;
float:left;}
a:link {color:#7ca9f0;}
a:visited {color:#2170f2;}
ditemi che ne pensate.....
grazie mille
Francesco
Rispondi quotando
