Empêcher le retour à la ligne de mes DIV

Bonjour à nouveau,
J'ai un petit souci avec un retour à la ligne de mes div.

Mon cas : J’ai un header en position fixe avec un width à 100% qui contient 7 div, 2 en float left pour un alignement à gauche et 5 en float right pour un alignement à droite. Mon souci, lorsque je redimensionne mon navigateur à une résolution minime, j’ai un retour à la ligne de mes div (sauf la première). ET en fait, je voudrais empêcher ce retour à la ligne, je n’arrive pas à trouver une solution.

 <div id="header_wrapper">
    	<header id="header_content">
     <!-- logo -->  
                    <div id="logo_container">
<img src="images/my_logo.jpg" alt="" /></div>   
<!-- slogan -->         
     <div id="slogan"><img src="images/my_slogan.jpg" alt="" /></div>  

 <!-- menu externe-->                   
  		<nav id="menu_externe">
					<ul>
    				<li class="menu_externe_liste"><a href="javascript:return false;" onClick="$('#slide_recherche').hide(); $('#slide_a_propos').slideDown('fast')"><img src="images/picto_s_1.jpg" alt="" /></a></li>
                                        
    				<li class="menu_externe_liste"><a href="javascript:return false;" onClick="$('#slide_a_propos').hide(); $('#slide_recherche').slideDown('fast')"><img src="images/picto_s_2.jpg" alt="" /></a></li>
                				</ul>
		</nav>      
             <!-- menu interne-->        
                 		<nav id="menu_interne">
					<ul>
    				<li class="menu_interne_liste"><img src="images/picto_s_3.jpg" alt="" /></li>
                        				<li class="menu_interne_liste"><img src="images/picto_s_4.jpg" alt="" /></li>
                                    <li class="menu_interne_liste"><img src="images/picto_s_5.jpg" alt="" /></li>
    							</ul>           				
		</nav>                        
<!-- end header-content -->  
</header>         
        <!-- end header-wrapper -->       
      </div>  

Lien vers mon site : http://gillesn.perso.sfr.fr/isotope/index.html

Merci d'avance pour votre aide.
Modifié par Gilles_73 (26 Jun 2012 - 09:11)

Hello,
c'est normal... ton conteneur est devenu trop petit pour tes divs.
Pas de solution miracle sous la mains, hormis éventuellement des Media Queries, ou des largeur en %.

D’ailleurs, si tu ambitionnes de faire une version mobile, les media queries vont ètre indispensable.
Modifié par saajuck (26 Jun 2012 - 09:19)

Un min-width sur ton conteneur ou ton header.
Pour une gestion plus fine, on regardera du côté des Media Queries, effectivement.

Merci, c'est exactement ce que je cherchais.