Discussion :

[Oluha]

Salut

J'essaye de mettre aux normes un site et j'ai donc remplacé les height="100%" en style="height:100%". Le soucis c'est que ca ne fonctionne plus, le tableau ne tient plus compte de la hauteur est s'adapte donc au contenu (aussi bien sous IE que FF).
Comment faire ?

Merci

[Oluha]

j'ai réussi à faire fonctionner en ajoutant

Code :

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

1
2
3
4
5
6
7
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none
}

Ca marche nickel sous FF, par contre sous IE mon tableau fais bien 100% en hauteur mais les hauteurs fixes que j'ai définie pour la 1er et 3eme ligne ne sont plus respectées. Normalement seule la ligne du milieu doit s'adapter.

Comment faire ?

[Oluha]

en mettant style="height:100%" à la ligne du milieu c'est un peu mieux : il respecte les hauteurs des deux autres lignes mais du coup celle du milieu fait la hauteur de la page et du coup ca fait une scrollbar
Y'a pas un moyen de faire 100% - (60px+10px) ?

[Oluha]

même en passant par du javascript, rien ne fonctionne

Code :

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

1
2
3
4
5
6
<script language="javascript" type="text/javascript">
function tailletab() {
        haut = document.body.clientHeight - 70;
        document.getElementById("contenu").style.height = haut;
}
</script>

on dirait que document.body.clientHeight ne renvoie pas la hauteur de la fenetre

[Perceval]

C'est bien, tu te réponds à toi même.... ;o))

J'ai essayé de mon côté, mais ca ne donne rien non plus.... ;o))

[Oluha]

oui j'ai l'habitude

c'est quand même étonnant qu'il ne soit pas possible de faire un tableau de hauteur 100% et qui fonctionne correctement sous IE et FF (+ valide w3c)

D'ailleur le height='100%' fonctionne à condition de virer le doctype


J'ai essayé de mettre mon tableau dans un <div> lui aussi à 100% mais ca ne fonctionne pas plus

Si quelqu'un trouve la solution, je suis preneuse !

[Oluha]

en fait il faut virer la DTD du doctype pour que le height="100%" fonctionne

[denisC]

Ouais, mais c'est plus compatible W3C alors :p

Avec ça:

Code :

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

1
2
3
4
5
6
7
 
<script language="javascript" type="text/javascript"> 
function tailletab() { 
   haut = document.body.clientHeight - 70; 
   document.getElementById("contenu").style.height = haut+"px"; 
} 
</script>

:

[Oluha]

j'ai déjà essayé avec du javascript mais ca ne fonctionnait pas

sinon j'ai appris que c'était quand même valide sans doctype, c'est juste que pour passer au validateur