[CSS][HTML]définir la hauteur d'un TD par css
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:
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:
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:
1
2
3
4
5
| td.carreg
{
width:150px;
height:100%;
} |
En espérant avoir des réponses et en vous remerciant à l'avance !
