Bonjour,


J'ai un soucis avec mon css.

Mon template est de cette forme la :


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
    <div id="wrapper">
      <div id="header">
      </div>
      <div id="menu_navigation">
      </div>
      <div id="content-wrapper">
        <div id="main">
        </div>
        <div id="sidebar">
        </div>
      </div>
 
      <div id="footer">
      </div>
    </div>
Le but pour moi est de mettre une image de fond à ma sidebar, le problème c'est que la taille de ma sidebar est sois fixe sois à 100%, mais le 100% correspond au contenu de ma sidebar et je voudrais qu'elle prenne la taille de mon main pour que l'image de fond sois sur toute la hauteur du main si celui ci depasse la hauteur de la sidebar.


j'espère me faire comprendre (ce n'est pas simple )

Voici un bout de css qui vous aidera à comprendre peut être :



Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 #main {
    float: right;
    width: 680px;
    }
 
    #sidebar {
    background: #CCCCCC url(images/sidebar2.jpg) repeat-y;
    float:left;
    width: 198px;
    height : ???;
    }