Oyo à tous,

Bon vous me direz c'est simple pour ça y'a pas de soucis. Par contre : j'ai défini mon menu de gauche en css avec des <td> ayant pour valeur (dans une feuille de style) width:150px et height:60px.

Pour ça pas de soucis. Cependant mon <td> de contenu qui est à droite (et qui comprend rowspan=8 ) n'a aucune valeur définie en hauteur... Là toujours pas de soucis.

Sur la gauche, j'ai ensuite sous mon menu un <td> où la hauteur est 100% (height:100%; dans la feuille de style qui définie le <td>). Et là ça coince : au lieu d'avoir ce <td> qui prend toute la hauteur restante, ce sont les <td> du menu qui au lieu de faire 60px de haut vont alors se partager la hauteur...

Mon code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
td.menu
{
background-image:url("images/plumemenu.jpg");
background-attachment:fixed;
background-repeat: no-repeat;
background-position: 0% 100%;
font-family:Arial,"times new roman",Geneva,Helvetica,sans-serif;
font-size:14px;
font-style:italic;
color:#999999;
width:150px;
height:50px;
}
(contenu du <td> qui s'allonge à 100%)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
div.carre
{
position:relative;
margin-left:16px;
background-image:url("images/carregris.jpg");
background-position: 0% 0%;
width:5px;
height:100%
}
(definition du <td> qui s'allonge à 100%)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
td.carreg
{
width:150px;
height:100%;
}
En espérant avoir des réponses et en vous remerciant à l'avance !