Webdesign déformé sous Firefox...
Sarti
-
Utilisateur anonyme -
Utilisateur anonyme -
Salut à vous,
je suis en train de créer un site web pour un gîte rural.
J'ai fais mon design sous Photoshop que j'ai découpé et intégrer dans une page PHP sous Dreamweaver CS4.
Au moment de la visualisation, sous Internet Explorer je n'ai aucun soucis, mais sous Firefox j'ai "du jeu" qui se forme entre l'image de gauche du menu, ce qui me casse tout...
J'ai structurer le design sous forme de tableau, voici le code HTML:
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src="images/header.gif" width="800" height="200" /></td>
</tr>
<tr>
<td width="226" rowspan="2" background="images/menu_.png"><p><img src="images/menu.gif" width="226" height="256" border="0" usemap="#Map" /></p></td>
<td width="574"><img src="images/header_.gif" width="574" height="10" /></td>
</tr>
<tr>
<td background="images/designgite2_04.jpg"><div align="center">essais</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /></td>
</tr>
<tr>
<td colspan="2"><img src="images/footer.gif" width="798" height="144" /></td>
</tr>
</table>
Pour voir ce que ça donne:
Sous IE=> Http://www.gitedechantegri.fr/gite_IE.PNG
Sous Firefox=> Http://www.gitedechantegri.fr/gite_F.PNG
Merci beaucoup !
je suis en train de créer un site web pour un gîte rural.
J'ai fais mon design sous Photoshop que j'ai découpé et intégrer dans une page PHP sous Dreamweaver CS4.
Au moment de la visualisation, sous Internet Explorer je n'ai aucun soucis, mais sous Firefox j'ai "du jeu" qui se forme entre l'image de gauche du menu, ce qui me casse tout...
J'ai structurer le design sous forme de tableau, voici le code HTML:
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src="images/header.gif" width="800" height="200" /></td>
</tr>
<tr>
<td width="226" rowspan="2" background="images/menu_.png"><p><img src="images/menu.gif" width="226" height="256" border="0" usemap="#Map" /></p></td>
<td width="574"><img src="images/header_.gif" width="574" height="10" /></td>
</tr>
<tr>
<td background="images/designgite2_04.jpg"><div align="center">essais</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /></td>
</tr>
<tr>
<td colspan="2"><img src="images/footer.gif" width="798" height="144" /></td>
</tr>
</table>
Pour voir ce que ça donne:
Sous IE=> Http://www.gitedechantegri.fr/gite_IE.PNG
Sous Firefox=> Http://www.gitedechantegri.fr/gite_F.PNG
Merci beaucoup !
A voir également:
- Webdesign déformé sous Firefox...
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Telecharger firefox - Télécharger - Navigateurs
- Exporter favoris firefox - Guide
- Ghostery firefox - Télécharger - Web & Internet
- Comment supprimer bing de firefox - Guide
3 réponses
utilise de préference des div, si c'est le cas met ta div conteneur, celle qui englobe toute ta page en position relative et toutes les autres en position absolute.
d'autre part utilise les pixels comme unités de preferences au %
d'autre part utilise les pixels comme unités de preferences au %
Pour ne plus avoir ce genre de problèmes, il faut oublier la mise en page par tableaux (tables tr td) et passer à la mise en page a l'aide des balises DIV et des feuilles de style CSS.
Je ne t'aiderais pas à règler ton problème car il reviendra surement plus tard lorsque tu changeras un texte ou que tu ajouteras un truc sur le site.
La seule solution pratique et efficace, HTML et CSS avec les balises DIV !!
Pour l'apprendre, le site du zéro !
Je ne t'aiderais pas à règler ton problème car il reviendra surement plus tard lorsque tu changeras un texte ou que tu ajouteras un truc sur le site.
La seule solution pratique et efficace, HTML et CSS avec les balises DIV !!
Pour l'apprendre, le site du zéro !
