Comment étendre un tableau HTML à 100% de la hauteur de la fenêtre du navigateur?
-
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.)
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.