28173 sujets

CSS et mise en forme, CSS3

Problème de taille verticale avec deux blocs cote à cote

Bonjour,

Voilà, je suis entrun de réaliser un site avec deux partie cote à cote grâce à la propriété float:left


css : 

body{margin:0;}
div#contenu{
position:relative;
width:750px;
margin:0 auto;
}
div#header{
width:700px;
height:180px;
background-image: url(images/header.jpg);
}
//blocs concerné
ul#menu{
float:left;
width: 150px;
border: 1px solid #03780B;
margin:10px 30px 10px 0;
padding:10px 5px 10px 5px;
list-style-type:none;
text-align:center;
}
//blocs concerné
div#global{
float:left;
width:470px;
border:0;
text-align:center;
}
div#pied{
width:700px;
height:50px;
clear:both;
background-image: url(images/piedPage.jpg);
}




html : 

<body>
		
<div id="contenu"> 
  <!-- En tête !-->
  <div id="header"></div>
  <!-- Fin En tête !-->
  <!-- Zone de Menu !-->
  <ul id="menu">
    <?Php include("menu.php"); ?>
  </ul>
  <!-- Fin de la zone de Menu !-->
  <!-- Zone de contenu de la page!-->
  <div id="global">
    
  </div>
  <!-- Fin de la zone de contenu de la page!-->
  <!-- Zone de pied de page!-->
  <div id="pied"></div>
  <!-- Fin de la zone de pied de page!-->
</div>
		
</body>


J'aimerai pouvoir faire en sorte que lorsque mon bloc "global" s'allonge verticalement mon bloc "menu" le suive.

Merci d'avance Smiley biggrin Smiley biggrin Smiley biggrin Smiley lol
Modifié par erehcab (08 Feb 2006 - 12:58)
Sujet clos
Aller à