2 blocs en float left l'un passe sous l'autre si réduction

Bonjour,
Dans le contenu de ma page
j'ai deux blocs, le probleme c'est que le bloc de droite passe sous celui de gauche des que je réduit la fenetre.
Les 2 sont en float left

<div id="global">
	<div id="header"><div id="logo"></div></div>
	<div id="menu">
		<?php include("menu.php"); ?>
	</div>
	<div id="contenu">
		
		<div id="centre">
	<img style="float:left; margin-left:100px;"src="./img/top3.jpg" />
		</div>
		<div id="menu_droite">
		
		<span>Blabla</span>
		
		</div>
	
	</div>
	
	<div id="footer">
		<p id="Copyright">
blabla	
		</p>
	</div>
</div>

div#contenu
{
min-height:400px;
}
div#centre
{

height:250px;
min-height:250px;
width:900px;
border:1px solid yellow;
float:left;
}
div#menu_droite
{
width:250px;
height:800px;
border:1px solid blue;
float:left;
padding-top:10px;
}

Voila, des que je réduit la page, le #menu_droite viens se glisser SOUS le #centre
Modifié par rockt13 (19 Nov 2009 - 12:17)

Salut,

Tu ne peux pas fixer des largeurs importantes et espérer qu'elles rentrent dans une largeur bien moins importante.

Quand je vois ton code, je vois déja des largeurs de 900px et 250px pour tes deux colonnes, sans compter les marges et bordures, il est déja certain que sur une résolution inférieur à 1280 de large, la contenu ne rentre pas et doit s'empiler au lieu de s'aligner horizontalement.

Salut mikachu, merci pour ta réponse.
Comment faire dans ce cas là pour pas qu'ils ne s'alignent(les div) l'un sous l'autre? Sur certains site lorsqu'on réduit la fenetre, le contenu des colonnes de droite ne viens pas s'empiler en dessous.
Peut-être que je ne devrais pas utiliser 2 blocs en float left?