Discussion :

[sanosuke85]

Oyo à tous,

Voilà j'ai un souci sur ma page... Dans un <td> avec pour valeur height=100% j'ai un <div> avec un fond gris placé à margin-left:16px qui a aussi la valeur 100% et un width de 5px. Je l'utilise dans d'autres <div> placés dans d'autres <td> et la valeur 100% est bien prise en compte... Sauf sur un <td>... Sur IE la valeur 100% est prise en compte y'a aucun soucis; mais sous firefox il y a une pauvre petite barre d'environ 10 px de haut qui se met... Et elle refuse de se prolonger... Et je sais pas pourquoi... Voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td class="carreg" colspan="2"><div class="carregauchegris">&nbsp;</div></td>

A noter le colspan="2"...

et pour le div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
div.carregauchegris
{
position:relative;
margin-left:16px;
background-color:#cacaca;
width:5px;
height:100%;
}

Je ne comprends vraiment pas pourquoi.. Si quelqu'un a une idée merci d'avance !

[gorgonite]

les padding a zero... peut-etre

[sanosuke85]

Malheureusement non.... padding:0px; appliqué au <div> et au <td> mais ça change rien

Ce qui est bizarre c'est que j'applique d'autres <div> qui fonctionnent en 100% mais pareil sur ce <td> ils restent à la même hauteur... J'ai bien vérifié qu'il n'y aie pas de height autre que 100% mais non...

[sanosuke85]

je continue à faire des tests mais toujours rien... ça ne marche que si je lui donne un height fixé le 100% ne fonctionne pas... Mais malheureusement je ne peux pas lui appliquer une valeur fixe...