en ligne-divs emballage

Question

J'ai deux côte-à-côté-divs avec des largeurs de 400px. Lorsque le navigateur est redimensionné à une largeur inférieure à 800 pixels, le second div s'enroule et chevauche le premier. Je veux qu'ils restent côte à côte avec une barre de défilement horizontale ajoutée à la fenêtre du navigateur. J'ai essayé le corps de style et les divs avec des espaces: nowrap. Des idées?

Answer 1

Je suis un idiot. Ça devrait être un espace blanc: nowrap. Merci pour les suggestions si ...

Answer 2

essayez de les emballer dans un div avec une largeur de 800px.

Answer 3

Vous auriez sans doute aussi de définir un style de min-largeur à la div parent

Answer 4

<div style='position:absolute; top:0; left:0; width:400px; 
height:250px; background-color:yellow; ' > 
</div> 

<div style='position:absolute; top:0; left:401px; width:400px; 
height:320px; background-color:red; '> 
</div> 

http://zequinha-bsb.int-domains.com/side-by-side.html

EDIT: Bare in mind that absolute positioning requires parent to have 
position:relative explicit 

Answer 5

puisque vos largeurs sont fixes simplement créer un conteneur div externe

<div class="bigbox"> 
    <div class="leftbox"> 
    </div> 
    <div class="rightbox"> 
    </div> 
</div> 

.bigbox { width: 810px;} 
.leftbox { width: 400px; float: left} 
.rightbox {width: 400px; float: right}