Contenu extensible?

Fermé
pipou - 6 août 2010 à 11:39
Bonjour,

J'ai un petit problème dans mon CSS, je m'explique :

J'ai une zone contenu qui doit s'agrandir selon le menu, j'ai donc mis le menu dans cette div contenu, or j'aimerais placé à coté du menu (à droite) de ce menu du texte, or si je met un float: right; le contenu serra pas extensible avec le texte et si j'utilise des left, right... il ne serra pas à droite du menu mais au dessus.

body{
        background-color: white;
        font-family: Arial;   
		}
		
#conteneur{
      		width: 950px;
	  margin-left: auto;
        margin-right: auto;

}
		
#header{
        width: 950px;
		height: 224px;
        background-image:url(../images/header.png);


}



#contenu{

		min-height:578px;
		width: 950px;
		height: auto;
		background-image:url(../images/fond.png);
		background-repeat: repeat-y;
		position:relative;
		text-decoration:none;
		
		}



#footer{
        width: 950px;
		height: 278px;
        background-image:url(../images/footer.png);
				position:relative;

top:-64px;
}

ul#menu{
				position:relative;

top:-64px;
}


ul#menu li 
{						  
  list-style-type   :  none;
margin-bottom: 63px;
  margin-left: -38px;
  }
a img
{
        border: none;
}
  
  .liste{
  				position:relative;

top:60px;
  left:39px;
  }
  
  .imgliste{
    				position:relative;

top:86px;
  left:4px;
  }
  
  .ssfooter{
 font-size:14px;     				
margin-left: 50px;					
margin-right: 25px;					
position:relative;
top:200px;

  }
  
  .contenupage{

  }


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <link rel="stylesheet" media="screen" type="text/css" title="Style" href="css/design.css" >
        <title>Accueil - Série Naruto</title>   
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <link rel="icon" type="image/png" href="images/facivon.png" >
 </head>
 <body>
 
 <div id="conteneur">
 
 <div id="header">
 
 </div>
 
 

  
 
  <div id="contenu">

        <img src="images/tele.png" class="imgliste" ><FORM class="liste"><SELECT name="nom" size="1"><OPTION>100x2<OPTION>150x3</SELECT></FORM>
  <ul id="menu">
<li><img src="images/menu1.png" height="67" width="95" ></li>
<li><a href="#r1">Rubrique 1</a></li>
<li><a href="#r2"><img src="images/menu1.png" height="67" width="95" ></a></li>
<li><a href="#r3">Rubrique 3</a></li>
<li><a href="#r4"><img src="images/menu1.png" height="67" width="95" ></a></li>	
<li><a href="#r3">Rubrique 3</a></li>
<li><a href="#r4"><img src="images/menu1.png" height="67" width="95" ></a></li>	
<li><a href="#r3">Rubrique 3</a></li>
<li><a href="#r4"><img src="images/menu1.png" height="67" width="95" ></a></li>	
<li><a href="#r3">Rubrique 3</a></li>

</ul>			
 <p class="contenupage"></p>

 
 </div>



  
  <div id="footer">
 <p><center class="ssfooter">Faire un Don - Monadresseemail@mondomaine.fr - <a href="partenaires.html">Partenaires</a><br /><br />texte texte texte</center></p>
 </div>
 </div>

  </body>
 </html>



Merci,

Guillaume