Version imprimable
Bonjour à tous,
je suis très embêté car j'ai un problème de décalage sur le design de mon site.
Premièrement selon IE ou Firefox on a un tout petit pixel qui se décale (mais bon ça c'est pas très grave) mais par contre deuxièmement, j'ai un gros décalage dès que j'insère un formulaire sur ma page c'est très très embêtant je ne sais pas d'où ça vient.
Merci d'avance
On n'est pas à vendre, ceci n'est pas un site de vente par correspondance. Y a la Redoute pour ça.
Maintenant pour les 15€, tu peux m'envoyer un mp, je suis preneur...
Pardon j'ai mal fait mon entrée en matière je suis désolé
mais c'est super important, si qqun peut m'aider je lui en serai très très très reconnaissant
Les bugs d'affichage avec le css entre les navigateurs comme ça sont très fréquents. Il n'y a pas vraiment de remedes.
PS : Merci de changer le titre !
Comment faire pour ne pas en avoir alors? il faut refaire le design différemment? je veux dire, c'est du à quoi ce décalage? Car je sais pas si tu as vu, mais entre une page qui ne contient pas de formulaire, et une page qui en contient un j'ai un décalage, quel que soit le navigateur, c'est celui là qui me dérange le plus
P.S je dois mettre quoi en titre?
Normalement, le code voulu par toi meme doit correspondre à l'affichage que te renvoit firefox et non pas IE.
Voici les raisons :
http://www.christopher-jablonski.com...eres/ie6.shtml
PS : Non c'est bon c'etait les 15€ qu'il fallait enlever, ici c'est de l'entraide gratuite, il n'y a aucun bisness à faire, relis bien les règles.
Mais pourquoi le fait d'ajouter un formulaire sur la page ferait-il un décalage non voulu? Pourtant le formulaire est petit c'est bizarre
lis tout ;)Citation:
IE 5 pour Windows ne soutient guère le modèle de box ;
IE 6 pour Windows le soutient uniquement en mode Strict (voir "Doctype") et avec quelques incompatibilités, dont les plus lourdes concernent le calcul de dimensions, ainsi que le positionnement des box.
j'ai lu le truc, je comprends pour IE mais pas pour firefox, car quand je mets un formulaire avec des champs à remplir, j'ai systématiquement ce décalage, que ce soit sur IE ou FIREFOX, donc il y a qqch dans mon css ou autre part qui fait que le box du formulaire fout la pagaille :)
Il faudrait voir ton code pour cette partie la ainsi que le CSS qui va avec.
donc l'adresse c'est
le code de la pageCitation:
<head>
<br>
</div>
<div align="center">
<div id="main">
<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td id="moreLeft"> </td>
<td id="borderLeft"> </td>
<td valign="top" id="sidebarLeft">
<div align="right"><object type="application/x-shockwave-flash" data="img/menulogin1.swf" width="137" height="510">
</div>
</td>
<td width="561" align="left" valign="top" id="mainColumn" ><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><img src="img/bananaTopLeft.jpg" width="28" height="28"></td>
<td id="bananaTop"> </td>
<td valign="top"><img src="img/bananaTopRight.jpg" width="28" height="28"></td>
</tr>
<tr>
<td id="bananaLeft"> </td>
<td valign="top" id="bananaContent">
<p><span class="contentTitle">Contact :</span><br>
</p>
<p> <br>
<center><form action="/contact.php?mode=6" method="post" name="form">
<fieldset width="500">
<legend><font color=000000><b>Nous contacter :</b></font></legend>
<br><table cellpadding="0" cellspacing="0" width="500">
<tr>
<td width="270">
<p>Votre Email :*</p>
</td>
<td width="200">
</table>
<br>
<left>* :obligatoire</left><br>
<center><input type="submit" value="Envoyer"></center></form><br>
</fieldset></center>
</p>
<p>
<center>
<div align="center"></div>
</center>
</p>
</td>
<td id="bananaRight"> </td>
</tr>
<tr>
<td><img src="img/bananaBottomLeft.jpg" width="28" height="28"></td>
<td id="bananaBottom"> </td>
<td><img src="img/bananaBottomRight.jpg" width="28" height="28"></td>
</tr>
</table></td>
<td id="borderRight"> </td>
</tr>
<tr>
<td> </td>
<td colspan="2" id="borderBottomLeft"><img src="img/borderLeftbottom.jpg" width="50" height="49"></td>
<td colspan="2" id="borderBottomRight"><img src="img/borderRightbottom.jpg" width="50" height="49"></td>
</tr>
</table>
<div align="center"><a href="webmaster">Webmaster</a> <font color="#6CAF2E">|</font>
<a href="contact">Contact</a></div>
<p></p><br>
</div>
</div>
</body>
</html>
Sympatoche le design en tout cas, si ça peut t'encourager.
Ben moi je vois pas ce qui te gene, j'ai la meme chose sur IE et firefox quasiment...
Mais tu ne vois pas de décalage en dessous du header? le cadre vert n'est pas continu, il y a un bout qui sort
As-tu essayé de :
* réduire la taille du fieldset ?
* réduire la taille de la table contenant ton formulaire ?
* supprimer le padding/margin du fieldset ?
Si tu as essayé toutes les possibilités de résoudre ton problème de cette façon, tu peux toujours essayer ça :
Code:#main { width: 956px; margin: 0; align: center; overflow : hidden;}
Même en enlevant complètement les fieldset ça marche pas, ça fait toujours un décalage.
Sinon j'ai essayé
#main { width: 956px; margin: 0; align: center; overflow : hidden;}
mais ça ne marche pas non plus.
J'ai trouvé une pseudo solution mais j'attends votre avis sur le résultat final:
en fait j'insère un champ
sur chaque page, je rend ce champ invisible mais étant dans le code html, il va créer ce décalage sur toutes les pages, y compris celles qui ne comportent pas de form: puis je règle le décalage en modifiant la width du #maincolumn .Citation:
<input name="enlevage de décalage" type="text" class="FORM1" disabled>