Décalage avec balise FORM sous IE7

le 02/02/2007 à 19:49

Bonjour à tous,

Je suis en train de changer le design sur mon site.

Sous Firefox çà marche très bien mais sous IE7 j'ai un décalage.

1 ) Voiçi la page de connexion (elle s'affiche très bien sous FF et IE) :
http://surfeurdu33.greg.free.fr/help/exemple01.png

2 ) Voiçi la page membre (avec IE7 : On voit bien le décalage) :
http://surfeurdu33.greg.free.fr/help/exemple02.png

3 ) Voiçi la même page membre (sous FF : Et là aucun décalage) :
http://surfeurdu33.greg.free.fr/help/exemple03.png

J'aimerai savoir si il y a moyen de régler ce problème ?

Mon code pour la page de connexion est le suivant :

<div class="menu_et_connexion">

<form action="membres/connexion_verif.php" id="form" method="post" onsubmit="return verif_log()">



<p class="connexion">



<a href="index.php?navig=blog" class="menu">Le blog</a>&#160;

<a href="index.php?navig=caserne" class="menu">La caserne</a>&#160;

<a href="index.php?navig=membres-liste" class="menu">Les membres</a>&#160;

<a href="index.php?navig=liens" class="menu">Liens</a>&#160;

<a href="index.php?navig=devenir" class="menu">Devenir JSP</a>&#160;

<a href="index.php?navig=contact" class="menu">Contact</a>



</p>



<p class="connexion">

                                                

Nom : <input class="connexion" type="text" name="username" /> 

Code : <input class="connexion" type="password" name="password" />

                

<input type="submit" value="Connexion" class="bouton_connexion" />



</p>

</form>

</div>

<souligne>Le code pour la page membre :</souligne>

<div class="menu_et_connexion">

<p class="connexion">



<a href="index.php?navig=blog" class="menu">Le blog</a>&#160;

<a href="index.php?navig=caserne" class="menu">La caserne</a>&#160;

<a href="index.php?navig=membres-liste" class="menu">Les membres</a>&#160;

<a href="index.php?navig=liens" class="menu">Liens</a>&#160;

<a href="index.php?navig=devenir" class="menu">Devenir JSP</a>&#160;

<a href="index.php?navig=contact" class="menu">Contact</a>



</p>



<p class="connexion">



<a href="index.php?navig=creer-article-blog" class="menu_cnx">Participer au blog</a>&#160;

<a href="index.php?navig=gestion-notes" class="menu_cnx">Gérer les notes</a>&#160;

<a href="index.php?navig=gestion-cours" class="menu_cnx">Gérer les cours</a>&#160;

<a href="index.php?navig=admin" class="menu_cnx">Gestion du site</a>&#160;

<a href="index.php?navig=gestion" class="menu_cnx">Gestion de l'asso</a>&#160;

<a href="membres/dcnx.php" class="menu_dcnx">Déconnexion</a>



</p>

</div>

Et enfin mon CSS :

div.menu_et_connexion {

width:1000px;

height:170px;

background-color:#f6f6f6;

background-image: url("pics/menu+logo.png");

}



p.connexion {

font-size:11px;

font-family:Verdana;

font-weight:bold;

padding-top:5px;

vertical-align:middle

}

Donc je penses avoir trouvé que c'est ma balise form qui décale tout.
Quant je l'enlève je n'ai plus le problème.

Est-ce que j'ai fais une erreure ? ou faut-il encore tricher pour afficher la page correctement sous IE7 ? Et surtout de quelle façon ?

Merci d'avance

Citer ce message

le 02/02/2007 à 23:54

LA GLOBULE

J'ai pas tout regardé, mais sur la page ou y'a le décalage, c'est justement la page ou le form ne s'affiche pas.

Donc je ne comprend pas quand tu dis, "j'enleve le form, et ca va" vu qu'il n'y a pas de form sur cette page (exemple 2 et 3).

Citer ce message

le 03/02/2007 à 06:27

surfeurdu33

Oui c'est vrai, autant pour moi.

C'est celle ou il n'y a pas le form