Internet Explorer - L'Espace Entre Les Divs Flottants

J'ai été en cours d'exécution dans une présentation d'un problème avec Internet Explorer. Le simple suivant bloc de code rend comme je m'attends à en Safari, FireFox, Chrome et Opera. Cependant, il en résulte une notable espace entre la gauche et la droite DIV flottant dans les deux IE6 et IE7.

Ma question est: Est-il plus corriger moyen de parvenir à un flotteur de telle manière que le même CSS fonctionne dans IE et les autres navigateurs que j'ai mentionné? Si non, quelle est la meilleure approche pour se débarrasser de l'espace dans Internet Explorer?

Merci, Matt

<style>
.left {
    width:100px;
    float:left;
    border: solid black 1px;
}

.right {
    width: 100px;
    margin-left:100 px;
    border: solid red 1px;
}
</style>

<div class="left">
    a
</div>
<div class="right">
    b
</div>

Puisque c'est un wiki de la communauté. Je pensais que je poste le code de travail avec la solution proposée ci-dessous par le Plan B.

<style>
        .left {
        width:100px;
        border: solid black 1px;
        float:left;
    }

    .right {
        width:100px;
        border: solid red 1px;
        float:left;
    }
    .clear {
        clear:both;
    }
</style>

<div class="left">
    a
</div>
<div class="right">
    b
</div>
<div class="clear"></div>
c
InformationsquelleAutor |
  1. 6

    Flotter à la fois à gauche, ajoutez le code suivant après les deux divs:

     <div class="clear"></div>

 .clear { clear: both; }

    Qui ou de l'utilisation du remplissage au lieu de marges.

    • Cette plus ou moins travaillé. Bien que je n'ai seulement ajouter de la compensation DIV après le dernier élément (où je voulais que le saut de ligne)
    InformationsquelleAutor
  2. 1
    .body {
    padding:0px;
    margin:0px;
}
    InformationsquelleAutor
  3. 0

    C'est le double de la marge de flotteur de bug. Bien décrit ici:

    http://www.positioniseverything.net/explorer/doubled-margin.html

    • Je ne pense pas que c'est le double de la marge de bug. C'est plus comme le 3px marge de bug
    InformationsquelleAutor
  4. -1

    Essayez d'ajouter display: inline pour les divs flottants. Je crois que c'est un IE bug ajout de plus de marges pour flottait éléments. display: inline travaillé pour moi dans le passé. Espérons que cette aide.

    • Flottant un élément définit automatiquement l'affichage de bloc; vous ne pouvez pas flotter un élément inline.
    InformationsquelleAutor