SVP prob de marge entre DIV sous Firefox

Résolu
allan -  
 allan -
Bonjour,

J'ai un probleme qui me casse la tete depuis plusieurs heures, il s'agit d'une marge attribué automatiquement sous Firefox et pas sous IE entre deux deux bloc DIV l'un sur l'autre.

Comment puis-je faire pour résoudre cela SVP ?
Configuration: Windows XP
Firefox 3.5.7

9 réponses

  1. notobe Messages postés 2222 Statut Membre 213
     
    D'abord en nous donnant les codes html et css...
    0
  2. allan
     
    ok j'ai simplifié le code :

    HTML

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    .......
    
    <div id="header">
    ........
    </div>
    
    <div id="conteneur">
    
    <div id="bloc1">
    .......
    </div>
    
    <div id="bloc2">
    .......
    </div>
    
    <div style: "clear: both;">
    </div>
    
    </div>


    CSS

    #header {
    width: 100%; 
    height: 155px;
    }
    
    #conteneur{
    width: 994px; 
    margin: 0 auto;
    } 
    
    #bloc1{
    float: left;
    height: auto; 
    margin-left: 44px; 
    width: 540px; 
    text-align: left;
    }
    
    #bloc2{
    float: left; 
    margin-right: 30px;  
    width: 330px; 
    height: auto;
    }


    J'ai donc sous firefox et pas sur IE une marge entre la div "header" et les 2 div "bloc1" et "bloc2"
    0
    1. notobe Messages postés 2222 Statut Membre 213
       
      Quelle version de IE ?
      Car je ne vois pas de marges particulières différentes entre IE8 et FF 3.5...
      0
  3. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  4. notobe Messages postés 2222 Statut Membre 213
     
    Alors c'est peut-être un problème de haslayout... Mais pourtant ça me semble bizarre, car c'est plutôt l'inverse (pas de marges avec IE)

    Pouvez-vous donner le code un peu plus détaillé ? Car là, vraiment, je ne vois rien...
    0
  5. allan
     
    apparament cela viendrait des balises h1 inlclue dans les bloc1 et 2
    0
    1. notobe Messages postés 2222 Statut Membre 213
       
      Dans ce cas :

      h1 {
      margin-top:0
      }
      0
  6. allan
     
    <div id="conteneur">
    
    <div id="bloc1">
    
    <h1>bla bla....</h1>
    
    </div>
    
    <div id="bloc2">
    
    <h1>bla bla...</h1>
    
    </div>.....
    0
  7. allan
     
    le margin-top: 0; me réduit un peu la marge mais ne la retire pas totalement bizarre j'y comprend plus rien
    0
    1. notobe Messages postés 2222 Statut Membre 213
       
      Vous avez fait un reset en début de CSS ?

      html, body {
      margin:0;
      padding:0
      }
      0
  8. allan
     
    C'est bon probleme résolu merci beaucoup pour ton aide
    0