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> 
- <a href="index.php?navig=caserne" class="menu">La caserne</a> 
- <a href="index.php?navig=membres-liste" class="menu">Les membres</a> 
- <a href="index.php?navig=liens" class="menu">Liens</a> 
- <a href="index.php?navig=devenir" class="menu">Devenir JSP</a> 
- <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> 
- <a href="index.php?navig=caserne" class="menu">La caserne</a> 
- <a href="index.php?navig=membres-liste" class="menu">Les membres</a> 
- <a href="index.php?navig=liens" class="menu">Liens</a> 
- <a href="index.php?navig=devenir" class="menu">Devenir JSP</a> 
- <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> 
- <a href="index.php?navig=gestion-notes" class="menu_cnx">Gérer les notes</a> 
- <a href="index.php?navig=gestion-cours" class="menu_cnx">Gérer les cours</a> 
- <a href="index.php?navig=admin" class="menu_cnx">Gestion du site</a> 
- <a href="index.php?navig=gestion" class="menu_cnx">Gestion de l'asso</a> 
- <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
le 02/02/2007 à 23:54
LA GLOBULE
Déconnecté
111 111 111 x 111 111 111 = 12 345 678 987 654 321
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).
le 03/02/2007 à 06:27
Oui c'est vrai, autant pour moi.
C'est celle ou il n'y a pas le form
J'ai essayé differentes astuces, je n'arrive pas à enlever ce décalage.
le 07/02/2007 à 18:08
zebden
Déconnecté
zebdinou pour les intimes / Blog : http://www.zebden.fr
lu,
Dans ta feuille de style
form { margin:0;padding:0; }
Accès rapide :
Remonter
