]]>
]]>
]]>
We wrote a script to "equalize" the heights of boxes within the same container and create a tidy grid — with little overhead. Creating the visual effect of equal-height columns or content boxes has been a challenge ever since we abandoned table-based layouts. When developing complex web applications or site designs we've found that it often makes the most sense from a usability and performance standpoint to use a simple JavaScript workaround: our equalHeights() function determines the heights of all sibling elements in a container, and then sets each element's minimum height to that of the tallest element. When JavaScript is disabled, the boxes or columns appear with varying heights, but the content remains legible and the page is still completely usable.
Un tutorial pour étendre un div sur toute la hauteur de la page.
Nous allons voir comment simuler le fait qu'un paragraphe est limité en nombre de caractères, il est vrai qu'avec l'utilisation de certains CMS, il n'est pas toujours évident de limiter en un certain nombre de caractères. Il existe pourtant une astuce qui permet d'afficher uniquement un certain nombre de lignes. Il suffit d'appliquer une hauteur à un bloc puis une hauteur de ligne (line-height) qui est un multiple de la hauteur du bloc (ce multiple va définir le nombre de lignes affichées). Enfin, on va appliquer, une propriété qui va permettre de masquer tout ce qui dépasse de notre bloc ; overflow:hidden;.
]]>
Faire un bloc qui utilise toute la hauteur de la fenêtre semble être un mission plus périlleuse qu'il n'y parait.
]]>
Normal Computation for Heightfield Lighting