Pour sa défense, je suis quand même obligé de dire que quiquonque n'a pas été concrètement confronté à ce problème en CSS ne peut savoir réellement de quoi il s'agit.
C'est loin d'être un problème con. L'ajustement précis de la hauteur d'un élément est en problème qui émaille régulièrement les forums consacrés aux CSS. D'ailleurs, une petite recherche permet déjà d'obtenir de bons éléments de réponse.
Le problème de la manchette latérale est le suivant : ton <div> est un élément à priori relatif à son container parent, ici le <body>. Or, la taille de celui-ci n'est pas connue à l'avance car il dépend de son contenu. La plupart des gens assimile le corps du document au médium qui en fait le rendu, en l'occurence le moniteur. Dans le cas d'une imprimante à flot continu (type listing), par exemple, la hauteur maximum n'est pas fixée ...
Le problème du height: 100px est qu'il va effectivement utiliser la hauteur de l'écran. Mais si le contenu du corps est plus haut que l'écran, la manchette n'ira pas plus bas pour autant. Même chose pour le contenu de la manchette qui débordera hors des frontières si il est un minimum fourni.
Moi, j'ai fini par abandonner et j'ai " résolu " le problème en trichant : J'ai affecté une image de fond répétée à <body> qui dessine une manchette trompe-l'oeil et j'ai déclaré une division transparente dont la hauteur n'est pas définie. Cette manière de faire est également la plus légère pour le navigateur.
Pour le tableau à taille fixe mais avec des barre de défilement : overflow: auto.
[^] # Re: C'est pas très clair
Posté par Obsidian . En réponse au message Fixer arbitrairement une taille fixe à un élement.. Évalué à 3.
C'est loin d'être un problème con. L'ajustement précis de la hauteur d'un élément est en problème qui émaille régulièrement les forums consacrés aux CSS. D'ailleurs, une petite recherche permet déjà d'obtenir de bons éléments de réponse.
Le problème de la manchette latérale est le suivant : ton <div> est un élément à priori relatif à son container parent, ici le <body>. Or, la taille de celui-ci n'est pas connue à l'avance car il dépend de son contenu. La plupart des gens assimile le corps du document au médium qui en fait le rendu, en l'occurence le moniteur. Dans le cas d'une imprimante à flot continu (type listing), par exemple, la hauteur maximum n'est pas fixée ...
Le problème du height: 100px est qu'il va effectivement utiliser la hauteur de l'écran. Mais si le contenu du corps est plus haut que l'écran, la manchette n'ira pas plus bas pour autant. Même chose pour le contenu de la manchette qui débordera hors des frontières si il est un minimum fourni.
Moi, j'ai fini par abandonner et j'ai " résolu " le problème en trichant : J'ai affecté une image de fond répétée à <body> qui dessine une manchette trompe-l'oeil et j'ai déclaré une division transparente dont la hauteur n'est pas définie. Cette manière de faire est également la plus légère pour le navigateur.
Pour le tableau à taille fixe mais avec des barre de défilement : overflow: auto.
Bon courage.