CSS - Redimensionner automatiquement div avec background

CSS - Redimensionner automatiquement div avec background - HTML/CSS - Programmation

Marsh Posté le 27-07-2009 à 15:59:32    

Bonjour,
 
Je voudrais avoir un peu d'aide svp et savoir s'il est possible que ma div #decoration se redimensionne automatiquement en prenant l'espace restant de la div conteneur #content_title, sachant que ma div #decoration ne contient rien du tout à part une image de fond.
Je ne peux pas fixer les tailles de #title et #decoration car le texte contenu dans #title change.
Et si quelqu'un à une idée de disposition je suis preneur.
 
Css:

Code :
  1. #content_title{
  2.  width:500px;
  3.  height:45px;
  5. }
  7. #content_title #title{
  8.  float:left;
  9.  font-size:2.5em;
  10.  font-weight:bold;
  11.  font-familly:Verdana,Arial;
  12.  color:#ffffff;
  13.  margin-left:10px;
  14.  height:45px;
  15.  background-color:#cccccc;
  16. }
  18. #content_title #decoration{
  19.  float:left;
  20.  width:auto;
  21.  height:45px;
  22.  background:#cccccc url('trait.gif') no-repeat 20px center;
  23. }


 
Html:

Code :
  1. <div id="content_title"><div id="title">Title</div><div id="decoration">&nbsp;</div></div>


 
 
Je voudrais obtenir quelque chose comme cela :
 
Titre ____________________________
 
Le trait étant un background dans une div qui doit se redimensionner automatiquement.
 
 
D'avance merci.


Message édité par adrien971 le 27-07-2009 à 17:00:11
Reply

Marsh Posté le 27-07-2009 à 15:59:32   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed