28172 sujets

CSS et mise en forme, CSS3

[Resolu] Tableau : Hauteur d'une cellule en JS

Bonjour,

Voilà mon problème :

Je souhaite faire en sorte qu'une cellule d'un tableau voit sa hauteur automatiquement agrandi suivant la hauteur d'une autre cellule.

Ex:


<table>
<tr>
	<td id="menu" style="height:100px;>
	       cell1
	</td>
	<td id="corps" rowspan="2">
               cellule contenant le texte
	</td>
</tr>
<tr>
	<td id="vide" style="height:auto;">
	      <!--Cellule qui doit s'agrandir-->
	</td>
</tr>
</table>


Je voudrais que la cell1 reste toujours à 100px de hauteur et que l'autre cellule s'agrandisse en fonction de la cellule corps.

Cette façon de faire ne fonctionne malheureusement que sous ff et non sous IE (toutes version).

Je n'ai pas trouvé la réponse sur le forum, la solution doit peut-être venir d'un hack IE ou autres.

Merci d'avance.

rOm1
Modifié par rOm1 (13 Mar 2008 - 00:28)
Bonjour,

Pas trouvé de moyen non plus.
Tu es obligé de passer par un tableau?
Modifié par Florent V. (10 Mar 2008 - 11:49)
Ben je modifie un code codé en HTML, avec structure en tableau et non en div. Cela m'embête de changer tout en div maintenant.

Cela n'est pas possible alors ? C'est bizarre.

Tu aurais une alternative Florent V. ?

Merci
Hello Smiley smile

J'suis pas sûr d'avoir bien compris. Tu veux que la hauteur de la cellule de la 2ème ligne = hauteur de la plus grande cellule de la 1ère ligne (cell1 ou l'autre qui contient le texte) ?

Si c'est ça c'est pas vers HTML & CSS qu'il faut se tourner, mais vers Javascript... Je peux éventuellement te proposer des pistes si ça rentre dans tes critères de développement.

EDIT : Je viens de relire, j'avais en effet mal compris (pas vu le rowspan="2").
Modifié par BeliG (10 Mar 2008 - 13:14)
Une fois le sujet compris aurais-tu une solution ou une idée ?

J'ai une solution alternative en attendant qui consiste à donner une taille en px à la cellule, mais cette taille change sur toutes les pages suivant le contenu du td "corps".

J'aimerais que cette cellule s'agrandisse auto. La propriété :
height:auto;
fonctionne sous ff marche bien mais je n'arrive pas à trouver un hack ou un équivalent pour IE.

Merci
Salut,

Pas trouvé avec XHTML & CSS Smiley ohwell

Un ptit script JS de derrière les fagots ça t'irait ? Smiley ravi
Oui pourquoi pas tout me va !

Sa donnerai quoi ton petit script stp BeliG ?

Edit : Je me suis penché sur JS, si ça fonctionne je post le code et j'indique [Resolu] !

Edit2: Trouvé, effectivement un petit JS passe très bien pour ça !

Un petit code : 


<script type="text/javascript">
        /*On recupère la hauteur de la cellule "corps" */
	corpsH = document.getElementById("corps").offsetHeight;
	/*Hauteur de la cellule "menu" */
        var menuH=100;
        /*On donne a la cellule "vide" sa hauteur*/
	document.getElementById("vide").style.height = corpsH-menuH;
</script>

Modifié par rOm1 (13 Mar 2008 - 00:25)
Sujet clos
Aller à