Décalage avec balise FORM sous IE7

Répondre
surfeurdu33
le 02/02/2007 à 19:49
surfeurdu33
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
LA GLOBULE
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).
surfeurdu33
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 smiley

J'ai essayé differentes astuces, je n'arrive pas à enlever ce décalage.
zebden
le 07/02/2007 à 18:08
zebden
lu,

Dans ta feuille de style

form { margin:0;padding:0; }
zebdinou pour les intimes / Blog : http://www.zebden.fr
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours