Discussion :

[sanosuke85]

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 !

[chat hotplug]

La propriété height, d'après ce que j'en ai déjà vu, se comporte largement pas du tout comme on l'attend. Et ne fonctionne absolument pas avec certains navigateurs, surtout si on utilise des pourcentages.

Si vos fameux td sont en nombre bien déterminé vous pouvez toujours essayer de bien caler tout ça avec des position: absolute; ou autre position: fixed;
Vous trouverez des exemples sur OpenWeb.org si cela vous tente.

[SpaceFrog]

faut aussi tenir compte du line-height et de la font-size ...

[sanosuke85]

Merci pour vos réponses... Je vais faire comme mon ancienne méthode pour le moment : une <table> dans le <td> afin de tout caler car là le dernier <td> prendra bien la valeur height=100%... on prône le css mais bon pour le moment les tableaux html sont finalement plus "stables" pour ma part