Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1500 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1176599
aragorns
Posté le 15-08-2005 à 17:34:18  profilanswer
 

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).
mood
Publicité
Posté le 15-08-2005 à 17:34:18  profilanswer
 

n°1176602
uriel
blood pt.2
Posté le 15-08-2005 à 17:39:51  profilanswer
 

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
n°1176620
masklinn
í dag viðrar vel til loftárása
Posté le 15-08-2005 à 18:11:04  profilanswer
 

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
n°1176626
uriel
blood pt.2
Posté le 15-08-2005 à 18:19:42  profilanswer
 

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


---------------
IVG en france
n°1176629
masklinn
í dag viðrar vel til loftárása
Posté le 15-08-2005 à 18:24:53  profilanswer
 

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
n°1177514
gatsusat
Posté le 17-08-2005 à 02:41:08  profilanswer
 

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

n°1177522
masklinn
í dag viðrar vel til loftárása
Posté le 17-08-2005 à 07:44:08  profilanswer
 

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
n°1177660
aragorns
Posté le 17-08-2005 à 10:48:51  profilanswer
 

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).
n°1178464
bibiphuque
Posté le 18-08-2005 à 08:41:54  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
fullscreen complet sous IE et firefox : possible ?Problème de mise en page css html IE/firefox
savoir si popup bloquées sur IE et Firefoxprocesseur js et firefox
Problème de "soulignement" d'image sous firefox.[DIV] IE / Firefox ?
Probleme compatibilité d'un site entre FireFox et IEVous conseillez des plugin Firefox pour dev en JS/HTML ?
bug sou firefox et demande d'aide![CSS] site nickel avec firefox et non sous iexplore...
Plus de sujets relatifs à : bug sous IE et Firefox ? Les positionnements sont différents de 2pixel


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR