Tiens, ton code complet avec le même affichage sous Firefox et sous IE, mais modifié en XHTML : note que j'ai intégré le CSS directement pour simplifier, mais je ne l'ai pas modifié, tu auras juste à l'enlever et décommenter la balise <link>
[code]<!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">
<head>
<script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
function ControleVide() // voir mon bouton ( de mon formulaire) qui fait appel a la fonction
{
if(document.creationcompte.pseudo.value=='') // regarde par rapport � mon formulaire creationcompte et par rapport � mon champ pseudo
{
alert('Le champ Pseudo ne peut pas rester vide !');
document.Formulaire.Nom.focus();
}
if(document.creationcompte.nom.value=='')
{
alert('Le champ Nom ne peut pas rester vide !');
document.Formulaire.Nom.focus();
}
if(document.creationcompte.prenom.value=='')
{
alert('Le champ pr�nom ne peut pas rester vide !');
document.Formulaire.age.focus();
}
if(document.creationcompte.email.value=='')
{
alert('Le champ e-mail ne peut pas rester vide !');
document.Formulaire.Nom.focus();
}
if(document.creationcompte.rue.value=='')
{
alert('Le champ Rue ne peut pas rester vide !');
document.Formulaire.Nom.focus();
}
if(document.creationcompte.ville.value=='')
{
alert('Le champ Ville ne peut pas rester vide !');
document.Formulaire.Nom.focus();
}
if(document.creationcompte.passe.value != document.creationcompte.passeconfirm.value ) // si les mot de passes ne sont pas identiques, afficher le msg erreur
{
alert('Les mots de passes saisis ne sont pas identiques');
document.Formulaire.Nom.focus();
}
if(document.creationcompte.passe.value == '' ) // si la personne ne met pas de mot de passe /!\ obliger de mettre un password
{
alert('Saisissez un mot de passe SVP !');
document.Formulaire.Nom.focus();
}
if(isNaN(document.creationcompte.age.value)||document.creationcompte.age.value<12||document.creationcompte.age.value>105)
{
alert('Saisissez un age compris entre 12 et 105 ans !');
document.Formulaire.Nom.focus();
}
if(document.creationcompte.mypays.value == '' )
{
alert('Entrez le nom de votre pays !');
document.Formulaire.Nom.focus();
}
else
{
document.creationcompte.method = "POST"; // r�tabli le post si les champs sont correctement remplis
document.creationcompte.action = "";
document.creationcompte.submit(); // soumet mes information des champs
document.location.replace("../accueil.php");
}
}
//-->
//]]>
</script>
<script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
function ControleVideCompteModification() // voir mon bouton ( de mon formulaire) qui fait appel a la fonction
{
if(document.modifierMonCompte.pseudoRemplace.value=='') // regarde par rapport � mon formulaire creationcompte et par rapport � mon champ pseudo
{
alert('Le champ Pseudo ne peut pas rester vide !');
document.Formulaire.Nom.focus();
}
else
{
document.modifierMonCompte.method = "POST"; // r�tabli le post si les champs sont correctement remplis
document.modifierMonCompte.action = "";
document.modifierMonCompte.submit(); // soumet mes information des champs
document.location.replace("../accueil.php");
}
}
//-->
//]]>
</script>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" /><!-- faire appel � mon fichier css forme.css -->
<!-- <link rel="stylesheet" media="screen" type="text/css" title="design defaut" href="miseforme/miseEnPage.css" /> --><!-- faire appel � mon fichier css forme.css -->
<style type="text/css">
/*<![CDATA[*/
/*
** CSS CREE PAR GERMAIN TENTHOREY ALIAS // M1B **
=============================
Liste des polices courantes
=============================
* Arial
* Arial Black
* Comic Sans MS
* Courier New
* Georgia
* Impact
* Times New Roman
* Trebuchet MS
* Verdana
===================================
LISTE DE MES PROPRIETES DISPONIBLES
===================================
text-align: justify; va justifier le text
text-align: right; Pour aligner � droite
text-align: center; Pour centrer
text-indent:30px; Commence � partir de 30 pixel du bord
font-weight: bold; Pour mettre en gras
underline : soulign�.
overline : ligne au-dessus.
blink : clignotant. Attention, cette propri�t� ne marche pas sous Internet Explorer. Elle fonctionne en revanche bien sur tous les autres navigateurs, dont Mozilla Firefox.
* margin-top : marge ext�rieure en haut.
* margin-bottom : marge ext�rieure en bas.
* margin-left : marge ext�rieure � gauche.
* margin-right : marge ext�rieure � droite
* padding-top : marge int�rieure en haut.
* padding-bottom : marge int�rieure en bas.
* padding-left : marge int�rieure � gauche.
* padding-right : marge int�rieure � droite.
===================================
LISTE DES BORDURES
===================================
* none : pas de bordure (par d�faut)
* solid : un trait simple.
* dotted : pointill�s.
* dashed : tirets.
* double : bordure double.
* groove : en relief.
* ridge : effet 3D.
* outset : encore un autre effet 3D (on a l'impression que le block est sur�lev�).
*/
#enteteANDloginpass
{
position: relative;
top: 25px;
left: 0px;
width: 1024px;
height: 152px;
border: 4px solid black;
padding: 0;
}
#entete
{
margin : 1px;
position: absolute;
top: 0;
right: 0;
background-color: #e37a1a ;
width : 750px;
height: 150px;
font-family: "Arial Black", Arial, Verdana, serif;
font-size: 12px;
color:#FFFFFF;
padding: 0;
background-color: #e37a1a ;
}
#loginpass
{
position: absolute;
top: 0;
float: left;
margin : 1px;
border: 4px solid #e37a1a;
height: 142px;
width: 263px ;
}
body
{
background-color: #FFFFFF ; /* couleur de fond de la page*/
font-family: "Arial Black", Arial, Verdana, serif;
font-size: 12px;
}
table
{
font-family: "Arial Black", Arial, Verdana, serif;
font-size: 12px;
}
td
{
font-family: "Arial Black", Arial, Verdana, serif;
font-size: 12px;
}
a
{
color: #315D00;
background-color: red
}
a:hover
{
color: #80AB51;
text-decoration: none;
background-color: #CFE1EB
}
a:active
{
color: #777;
}
/*]]>*/
</style>
<title></title>
</head>
<body>
<!-- // =============================================================================================== -->
<!-- // =============================================================================================== -->
<!-- affichage de l'heure dans ma page -->
<div id="enteteANDloginpass">
<div id="entete">
02:04:2006 20 H :39
</div><!-- // =============================================================================================== -->
<!-- // =============================================================================================== -->
<!-- FORMULAIRE POUR SE LOGGER -->
<div id="loginpass">
<form name="LoginUser" action="accueil.php" method="post" target="_blank" id="LoginUser">
<table summary="">
<tr>
<td>
<img src="/images/user.jpg" border="0" width="30" height="30" alt="" />
</td>
<td>
<input type="text" name="loginUser" size="8" />
</td>
</tr>
<tr>
<td>
<img src="/images/cle.jpg" border="0" width="30" height="30" alt="" />
</td>
<td>
<input type="password" name="passeUser" size="8" />
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="submit" value="Connecter" />
</td>
</tr>
</table>
</form>
</div>
</div><!-- // =============================================================================================== -->
<!-- // =============================================================================================== -->
<!-- V�rification du login et du passe pour avoir les info du compte -->
<pre>
<!-- // =============================================================================================== -->
<!-- // =============================================================================================== -->
<!-- // == Cr�ation de mes liens pour la page principale -->
<br />
<br />
<a href="accueil.php?creationcompte=pageComplementaire/creationcompte" title="Creation Compte"> Créer un compte<!-- // Cr�e le lien � gauche avec un include --></a>
<a href="accueil.php?actualite=pageComplementaire/actualite" title="Actualite"> Actualité <!-- // Cr�e le lien � gauche avec un include --></a>
<!-- // =============================================================================================== -->
<!-- // =============================================================================================== -->
<!-- // =============================================================================================== -->
<!-- // =============================================================================================== -->
</pre>
</body>
</html>[/code]
