Bonsoir à tous !
J'ai commencé à mettre en ligne ce soir un petit site web de mon cru : http://supcomfaguide.com. Tout se passe bien à part un détail qui me fache : lors du chargement de certains "chapter" du site, en l'occurence le chapter 2 et le chapter 3, un redimensionnement disgracieux de la page à lieu durant parfois une à deux secondes. Ca donne ceci pour le chapitre 3 : http://supcomfaguide.com/bug.png. Notez la bande blanche verticale à droite qui n'est pas censée exister.
J'ai tenté d'isoler la ligne de code html responsable pour finalement arriver à la conclusion que n'importe quelle page de mon site contenant trop de texte et images subissait ce redimensionnement fugitif. Le chapter 2 et 3 en souffrent tout simplement parce que ce sont les plus gros chapitres.
Je n'ai pas la moindre idée de comment corriger ce bug. La structure de chaque page du site est identique et donne ceci :
Je me doute bien que peu de gens pourront m'aider, mais je tente ma chanceCode:<table border="0" cellpadding="0" cellspacing="0" width="100%" class="nothing"> <tr> <td width="100%" align="center"> <table border="0" cellpadding="0" cellspacing="0" align="center" width="950"> <tr> <td width="50"></td> <td width="15" background="ombre.png"></td> <td bgcolor="#ffffff"> <table border="0" cellpadding="0" cellspacing="0" width="780" style="margin-left:20px; margin-right:20px; margin-top:25px; margin-bottom:10px;"> <tr><td bgcolor="#ffffff"> <table border="0" cellpadding="0" cellspacing="0" width="780" height="45" style="margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;"> <tr> <td width="505"></td> <td valign="top" width="170"><a href="index.html" onMouseOver="noidea.src=bover.src" onMouseOut="noidea.src=bout.src" target="_self"><img src="back.png" name="noidea" galleryimg="no" border="0"></a></td> <td valign="top" width="105"><a href="#B" onMouseOver="itsbottom.src=bottomover.src" onMouseOut="itsbottom.src=bottomout.src" target="_self"><img src="bottom.png" name="itsbottom" galleryimg="no" border="0" width="105" height="51"></a></td> </tr> </table> </td></tr> <tr><td bgcolor="#ffffff"> CONTENU DE LA PAGE <table border="0" cellpadding="0" cellspacing="0" width="780" style="margin-left:0px; margin-right:0px; margin-top:60px; margin-bottom:0px;"> <tr> <td width="479" valign="bottom"><img src="copyright.png" width="479" height="14" galleryimg="no" border="0"></td> <td width="76"></td> <td width="170" valign="bottom"><a onMouseOver="breal.src=bover.src" onMouseOut="breal.src=bout.src" href="index.html" target="_self"> <img src="back.png" name="breal" galleryimg="no" border="0"></a></td> <td width="55" valign="bottom"> <a href="#T" target="_self"> <img src="top.png" onMouseOver="treal.src=tover.src" onMouseOut="treal.src=tout.src" name="treal" galleryimg="no" border="0"></a></td> </tr> </table> </td></tr></table> </td> <td width="15" height="100" background="ombreR.png"></td> <td width="50"></td> </tr> <tr> <td width="50"></td> <td width="15" height="15" background="cornerB.png"></td> <td height="15" background="ombreB.png"></td> <td width="15" height="15" background="cornerR.png"></td> <td width="50"></td> </tr> <tr> <td width="50" height="50"></td> <td width="15" height="50"></td> <td height="50"></td> <td width="15" height="50"></td> <td width="50" height="50"></td> </tr> </table> </td> </tr> </table>D'avance merci pour toute aide !
-----