Comment étendre un tableau HTML à 100% de la hauteur de la fenêtre du navigateur?

StackOverflow https://stackoverflow.com/questions/90049

  •  01-07-2019
  •  | 
  •  

Question

J'utilise un tableau pour concevoir la mise en page de ma page Web. Je veux que le tableau remplisse la page même s'il ne contient pas beaucoup de contenu. Voici le CSS que j'utilise: 

html, body {
    height: 100%;
    margin: 0;
    padding: 0; 
}

#container {
    min-height: 100%;
    width: 100%; 
}

Et je place quelque chose comme ceci dans le code de page: 

<table id="container">
<tr>
<td>
...

Cela fonctionne pour Opera 9, mais pas pour Firefox 2 ou Internet Explorer 7. Existe-t-il un moyen simple de rendre cette solution opérationnelle pour tous les navigateurs populaires?

(L'ajout de id = "conteneur" à td n'aide pas.)

Était-ce utile?

La solution

Utilisez simplement la propriété height au lieu de la propriété min-height lors de la définition de #container . Une fois que les données deviennent trop volumineuses, la table s'agrandira automatiquement.

Autres conseils

Essayez ceci: 

html, body    {
  height: 100%;
}

Ainsi, outre la hauteur de la table à 100%, vous devez également vous assurer que le code HTML et la taille du corps sont également de 100% afin qu'elle s'étire correctement.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top