bug sous IE et Firefox ? Les positionnements sont différents de 2pixel

bug sous IE et Firefox ? Les positionnements sont différents de 2pixel - HTML/CSS - Programmation

Marsh Posté le 15-08-2005 à 17:34:18    

Voilà mon problème:
 
Je fait une table dans laquelle je met ceci:
Je fais un bandeau centré en haut de 778px de large
En dessous j'ouvre une table qui va contenir 3 autres tables :
- à gauche : menu de 109 px de large
- au milieu : du texte de 560 px de large
- à droite : une bande de couleur de 109 px de large
 
109 + 109 + 560 = 778
Et bien IE et Firefox ne l'interprètent pas comme ça  :ouch:  
En effet, ma bande de couleur de droite n'arrive pas tout à fait au bout de mon bandeau
 
Sur IE  il faut que je rajoute 2px pour IE ou 3px pour Firefox  :ouch:  
 
Merci pour votre aide  :wahoo:  
 
Voici mon code :

<HTML>
<body bgcolor="ffffff" leftMargin="0" topMargin="0" marginwidth="0" marginheight="0">
 
<table style="width:778px;" align="center" cellSpacing="0" cellPadding="0" border="0">
 
 
<!-- Bandeau -->
 <td>
     <table cellSpacing="0" cellPadding="0" border="0">
      <tr>
          <td><img style="margin-bottom:0px;" src="bandeau.jpg" border="0"></td>
      </tr>
     </table>
 
 
<!-- Table general sous le bandeau-->
     <table width="781" cellSpacing="0" cellPadding="0" border="0">
       <tr>
         <td>
<!-- Menu -->
      <table cellSpacing="0" cellPadding="0" border="0" bordercolor=#ff0000 align=left>
         <td><img style="vertical-align: top; align: left;" src="menu.jpg"></td>
             </table>
         </td>
         
<!-- Texte -->    
         <td>
             <table cellSpacing="30" cellPadding="0" border="0" bordercolor=#ff0000>  
                <td width=560>
                              <br>Emplacement du texte du site
                </td>
             </table>
         </td>
       <td>
    <table cellSpacing="0" cellPadding="0" border="0" bordercolor=#ff0000 align=right>
          <td>
          <img style="align:right;" height="386" src="bande de droite.jpg"></td>
    </table>
       </td>
       </tr>
     </table>
</td>
</table>
</body>
</HTML>


Message édité par aragorns le 17-08-2005 à 11:18:05

---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 15-08-2005 à 17:34:18   

Reply

Marsh Posté le 15-08-2005 à 17:39:51    

la gestion des dimensions sont differentes sur les differents browsers
 
et le positionnement par tableaux, c'est pas bien: http://openweb.eu.org/articles/problemes_tableaux/


Message édité par uriel le 15-08-2005 à 17:41:06

---------------
IVG en france
Reply

Marsh Posté le 15-08-2005 à 18:11:04    

Vu le code je pense effectivement que ça vient de chez toi, parce que là il manque des morceaux de partout, principalement des <tr> [:pingouino]
 
Après complétion de la table, ça donne un truc du type

<HTML>
    <body>
        <table width="778" align="center" cellSpacing="0" cellPadding="0" border="0">
            <tr>
            <!-- Bandeau -->
                <td height="100px" width="100%" style="background-color: cyan;">
                    <img style="margin-bottom:0px;" src="bandeau.jpg" border="0">
                </td>
            </tr>
            <tr>
                <td>
                    <!-- Table general sous le bandeau-->
                    <table width="100%" cellSpacing="0" cellPadding="0" border="0">
                        <tr>
                            <td width="109px" height="500" style="background-color: red">
                                <!-- Menu -->
                                    <img style="vertical-align: top; align: left;" src="menu.jpg">
                            </td>
                            <!-- Texte -->  
                            <td width="560px" style="background-color: blue">
                                Emplacement du texte du site
                            </td>
                            <td width="109px" style="background-color: green">
                                <img style="align:right;">
                           </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </body>
</HTML>


qui a un rendu peu ou prou identique dans tous les navigateurs...
 
Après, comme uriel l'a mentionné, il ne faut pas utiliser de table pour faire de la mise en page...


Message édité par masklinn le 15-08-2005 à 18:24:14

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 15-08-2005 à 18:19:42    

sauf que c'est pas lorill qui l'a dit [:mmmfff]


---------------
IVG en france
Reply

Marsh Posté le 15-08-2005 à 18:24:53    

uriel a écrit :

sauf que c'est pas lorill qui l'a dit [:mmmfff]


J'ai du prendre un truc pas propre moi [:pingouino]
 
J'avais écris "uriel", puis je me dis "ah non c'est lorill" [:pingouino][:pingouino]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 17-08-2005 à 02:41:08    

ben tu dois peut etre prendre une tonne de produits pour tenir debout tous les soirs pour apprendre tout ce que tu sais

Reply

Marsh Posté le 17-08-2005 à 07:44:08    

gatsusat a écrit :

ben tu dois peut etre prendre une tonne de produits pour tenir debout tous les soirs pour apprendre tout ce que tu sais


Nan, ça c'est inné, je suis un génie [:sinking]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 17-08-2005 à 10:48:51    

Merci beaucoup pour le remaniement de mon code Masklinn
Mais le résultat est le même puisque les 2 navigateurs gères le positionnement de manière différent  :??:  
Uriel, merci pour ton lien  
 
Je m'étais mis aux css il y a quelques temps, mais une fois mon site terminé sous IE je l'avais testé avec Firefox et tout était décalé  :cry:  
Alors je me suis remis aux <table> même si je sais que cela ne se fait pas  :??:  
 
 :jap:


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 18-08-2005 à 08:41:54    

aragorns a écrit :

Alors je me suis remis aux <table> même si je sais que cela ne se fait pas  :??:  
 
 :jap:


 
C'est mal, et les tables c'est la structure de donnée la plus complexe qui existe en xHTML.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed