Problème de décalage sur une page

**baleiney** · 23/05/2006, 22h18

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

**FBSVGR** · 23/05/2006, 22h20

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...

**baleiney** · 23/05/2006, 22h27

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

**Nemesys** · 23/05/2006, 22h30

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 !

**baleiney** · 23/05/2006, 22h34

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?

**Nemesys** · 23/05/2006, 22h38

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.

**baleiney** · 23/05/2006, 22h46

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

**Nemesys** · 23/05/2006, 22h50

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.

lis tout

**baleiney** · 25/05/2006, 19h26

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

**Nemesys** · 25/05/2006, 19h47

Il faudrait voir ton code pour cette partie la ainsi que le CSS qui va avec.

**baleiney** · 25/05/2006, 19h54

donc l'adresse c'est
le code de la page

<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>

**psychoBob** · 25/05/2006, 20h10

Sympatoche le design en tout cas, si ça peut t'encourager.

**Nemesys** · 25/05/2006, 20h12

Ben moi je vois pas ce qui te gene, j'ai la meme chose sur IE et firefox quasiment...

**baleiney** · 25/05/2006, 21h06

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

**Loceka** · 25/05/2006, 23h02

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

#main { width: 956px; margin: 0; align: center; overflow : hidden;}

**baleiney** · 26/05/2006, 17h54

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 .

Problème de décalage sur une page

HTML

Discussions similaires

Partager

Partager