IE8 problème: div brise la ligne même si son flotté

Cela ressemble à IE8 problème. J'ai deux divs qui sont côte à côte parce que je fais flotter l'un d'entre eux à gauche. Cependant, si le contenu de droite div devient trop grand pour la fenêtre, le div juste brise la ligne et passe sous la div gauche. Comment faire pour que les deux div restent au même niveau, côte à côte?IE8 problème: div brise la ligne même si son flotté

Voici le code:

css:

<style type="text/css"> 
    #left_div 
    { 
     float: left; 
     width: 250px; 
     height: 400px; 
     border: solid 1px red; 
    } 
    #right_div 
    { 
     width: 3000px; 
     border: solid 1px blue; 
    } 
</style>

html:

<div id="left_div"> 
     text in left_div 
    </div> 
    <div id="right_div"> 
     text in right_div 
    </div>

Source

2009-05-06 dev.e.loper

Ajouter float: left à la right_div ainsi.

S'il est quelque chose de similaire aux exemples montrés par Matthew James Taylor et son Perfect 2 Column Left Menu jetez un oeil à la façon dont il le fait et peut-être le copier!

IE a dans le passé aussi eu la question qu'il a fallu la hauteur et la largeur à la hauteur moyenne min et largeur min, ce qui permet encore des boîtes à redimensionnent eventhough qu'ils avaient limites particulières. Voir Webcredible's article, notamment le numéro 2 sur leur liste!

Source

2009-05-06 18:40:24

merci. ce sont des liens très utiles! –

Vous pouvez également ajouter une marge gauche d'au moins 250px (la largeur de left_div) à right_div, de cette façon, il y aura toujours de l'espace pour la left_div à côté de la right_div.

Source

2009-05-06 21:20:41 jeroen

ce n'est pas un problème. le problème est que dans ie8, div divise la droite et passe sous la div gauche. –

Peut-être qu'il me manque quelque chose ici, mais est-ce que ce n'est pas un comportement normal pour tous les navigateurs? – jeroen

pas si vous flottez un élément vers la gauche. –

changer le doctype: (IE8 il doit rendre correctement la page Web)

< DOCTYPE html PUBLIC " - // W3C // DTD XHTML 1.0 Strict // EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
< html xmlns Les! = " http: // ww w.w3.org/1999/xhtml " xml: lang = fr-fR " " >

(je les urls avec edited espaces blancs alors ne pas oublier remo ve les :) :)

Source

2009-11-27 17:45:30

IE8 problème: div brise la ligne même si son flotté

Répondre

Questions connexes