Salve sto creando una specie di test HTML/JAVASCRIPT.
Sulla parte in javascript non ho quasi nessun problema però la parte HTML mi sta facendo impazzire.
Ho giù avuto questo problema anche con il mio sito, ma ho risolto (nel senso che ho lasciato perdere...)
la faccio breve....
la pagina in questione è:
<html>
<head>
<script script type="text/javascript" src="domande.js"> </script>
<script script type="text/javascript" src="jquery-1.9.1.js"> </script>
<link href="schema.css" type="text/css" rel="stylesheet" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META NAME="GENERATOR" CONTENT="Questionario ">
<META NAME="description" CONTENT="Un test ">
<META NAME="keywords" CONTENT="test">
<title>test </title>
</head>
<body bgcolor="eae79b">
<div align="center">
<img src="titleup.png" alt="testo" />
<div id="titolo">
<font face="helvetica">
<img src="unilog.jpg" height="120px">
<h1>Questo e un test</h1><br>
</div>
<img src="titledown.png" alt="testo" />
<img src="corpoup.png" alt="testo" />
<div id="corpo">
<br>
<div id="page">
<p>Benvenuti nel test blabla organizzato da bal bla
e blablabla patapim patapumf patapam, se dsdasfsaasdf.</p>
<p>
sadòsdlòkjòk safkpj sk llkòlas sak, sadsalòkklò wdsad; aasdsadasd nsalkdfnlk sa d sdsadf sadsa saèplàasd saòdlkòm LDKKASLÒK sadlòlkò.
</p>
</div>
<div id="bot">
<button id="bott" type="button" onclick="opdata()"><font face="geneva" size="4" color="#d00f0f"><b>INIZIA</b></font></button>
</div>
</div>
<img src="corpodown.png" alt="testo" />
</div>
</body>
</html>
mentre il css è:
#page{
width: 700px;
float: center;
height: auto;
}
#corpo{
width: 800px;
float: center;
height: auto;
background-color:#eda169;
}
#titolo{
width: 800px;
float: center;
height: auto;
background-color:#79a3c3;
}
#risposta{
width: 800px;
float: center;
height: auto;
}
#bott{
width: 160px;
float: center;
height: auto;
}
#BoxDomande{
width: 800px;
float: center;
height: auto;
}
Il problema è che le varie immagini titledown, titleup, corpoup e corpodown a volte, a seconda del browser che uso a volte vengono staccate dal div a cui dovrebbero rimanere accate (sono delle barre arrotondate di dimensione 800px x 30px) e quindi appare il colore del body sottostante, che sta male.....
E non capisco dove sia l'errore....
tra l'altro con firefox le immagini appaiono con colori diversi, mentre con gli altri sono perfettamente uguali al colore del div corrispondente