Hello :)
Voila je programme la V 3.2 de mon site et j'aimerai faire un truc vraiement joli :) Donc j'ai fais des jeux de cadre pour faire une structure assez peu commune, disons moins commune :)
Sous IE, Impécable, tout marche. Firefox, l'ennemi du javascript et des tableaux décale mes cadres de tableau, mes textes...
Alors voila je voulais savoir s'il y avait un moyen de reprendre mon code pour qu'il soit conforme a tout les navigaeurs ?
Voila l'url de test de ma page :
[ Lien ]
Voici mon code html :
<html>
<head>
<style type="text/css">
<!--
body {
background-image: url(fond.jpg);
background-attachment:fixed;
margin-left: 1px;
margin-top: 3px;
}
body,td,th {
color: #666666;
font-size: 14px;
font-family: Times New Roman, Times, serif;
}
a {
font-size: 14px;
color: #000000;
}
a:visited {
color: #000000;
}
.Style2 {font-size: 12px}
-->
</style>
<script type="text/javascript">
function affiche_heure()
{
var my_date= new Date();
var hour=my_date.getHours();
if(hour<10)
{ hour="0"+hour; }
var minute=my_date.getMinutes();
if(minute<10)
{ minute="0"+minute;}
var second=my_date.getSeconds();
if(second<10)
{ second="0"+second; }
document.form_heure.affiche.value=" " + hour + "h" + minute + ":" + second;
setTimeout("affiche_heure()",1000);
}
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<div align="left">
<table width="997" height="193" border="0" align="left" cellspacing="0" bgcolor="">
<tr>
<th width="995" height="193" scope="row"><table width="995" height="609" border="0" align="left" background="logo.jpg" style="background-repeat:no-repeat ">
<tr>
<th width="989" height="605" scope="row"><p> </p>
<p> </p>
<p> </p>
<p> </p>
<table width="225" border="0" align="left">
<tr>
<th width="698" height="513" scope="row"><br>
<br>
<table width="215" height="456" border="0" align="left" background="backward.jpg">
<tr>
<th width="212" height="452" bordercolor="0" scope="row"> <table width="181" height="163" border="0" align="center" background="clock.png">
<tr>
<th width="175" height="159" scope="row"> <p> </p>
<p> </p>
<p>
<script type="text/javascript">
<!--
var taille;
if(navigator.appName == "Netscape")
taille=9;
else { taille=7; }
document.write('<form name="form_heure">');
document.write('<input type="text" name="affiche" size='+ taille +'>');
document.write('</form>');
//-->
</script>
</p>
<p> </p></th>
</tr>
</table>
<table width="209" border="0" align="left">
<tr>
<th width="203" height="283" scope="row"><p align="center"><img src="who.png" width="12" height="23"> Stats visiteurs:<img src="who.png" width="12" height="23"></p>
<p align="center">Il y a
<script type="text/javascript" src="×http://www.123compteur.com/compteurlive.php?votre_id=104261"></script>
connecté(s)</p>
<blockquote>
<p align="left">Total: (x)</p>
</blockquote>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p></th>
</tr>
</table></th>
</tr>
</table>
<div align="center">
<p> </p>
<p> </p>
</div></th>
</tr>
</table>
<p><br>
</p>
<p align="right"> <img src="heure.gif" width="18" height="18"> Aujourdhui nous sommes le
<script type="text/javascript">
var monthNames = new Array( "Janvier","Fevrier","Mars","Avril","Mai","Juin","Juillet","Aout","Septembre","Octobre","Novembre","Decembre");
var now = new Date();
thisYear = now.getYear();
if(thisYear < 1900) {thisYear += 1900};
document.write(now.getDate() + " " + monthNames[now.getMonth()] + " " + thisYear);
</script>
. <img src="fete.gif" width="19" height="18"> Bonne fête aux
<script language="JavaScript" src="jssaints.js"></script>
! </p>
<p class="Style2">Puissance-Yugioh par Darklink. Tout droits réservés. 2006 </p>
<table width="732" border="0" align="center" cellpadding="0" cellspacing="0" background="fondtd.jpg">
<tr>
<th width="732" height="394" scope="row"> <p align="center"><img src="uptd.jpg" width="732" height="32"></p>
<p align="center">Le test</p>
<p align="center">Est ce que cela marche </p>
<p align="center">Vi ? </p>
<p align="center"> </p>
<p align="center">Nan ? </p>
<p align="center">ok</p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><img src="downtd.jpg" width="732" height="32"></p></th>
</tr>
</table>
<p> </p>
<p> </p>
<br>
</br>
<br>
</br>
</head>
<body onLoad="affiche_heure();">
</th>
</tr>
</table></th>
</tr>
</table>
</div>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"></p>
<p> </p>
<p align="left"> </p>
<p> </p>
</body></html>
Comme vous pouvez le voir on peut faire plus simple, mais je suis un désigneur, et non un codeur :)
Je vous demande la pitié et donc un petit quart d'heure d'attention à mon problème...
Cordialement, shadow125 