Uniformiser la hauteur des blocs
Uniformiser la hauteur des blocs - HTML/CSS - Programmation
Marsh Posté le 26-07-2009 à 12:31:33
Héhé, pour ca, il ya une petite astuce 
Si tu connais la largeur de tes blocks, tu en fait un gros qui les englobe tous.
A ce gros block, tu lui mets une image en background qui se répète en hauteur. La répétition va faire croire qu'il ya a des blocks de même hauteur.
http://www.pompage.net/pompe/colonnesfactices/
Marsh Posté le 26-07-2009 à 14:39:48
ça marche pour un site en 2,3 colonnes.... moi j'ai des blocs les uns à coté et en dessous des autres....
Marsh Posté le 26-07-2009 à 16:24:33
C'est la même chose. Ca marche pour autant de colonnes que tu veux. Et pour les mettre a la ligne, suffit de refaire le procédé...
Marsh Posté le 27-07-2009 à 13:01:15
je vois pas trop le truc en fait. je te montre le code ce soir.
Marsh Posté le 27-07-2009 à 15:35:16
Le grand div conteneur 'bg' engloble tous les blocs.
<div id="bg"> |
Au div 'bg', tu lui donne pour arrière plan une image de 1px de haut.
---------- ------------ ------------- ------------- ------------- |
Et vu que bg prend la taille de son contenu, l'arrière plan va se répéter en hauteur, tu auras :
|
Les blocs 1-5 n'ont pas d'arrière plan et se positionnent juste dessus l'arrière plan, et on voit bien que les 5 blocs ont la même hauteur.
Voila 
Message édité par Pascal le nain le 27-07-2009 à 15:37:28
Sujets relatifs:
- Afficher une div centrée en hauteur sur une page scrollée
- [JavaScript] Cacher une ligne d'un tableau avec une hauteur à 0
- [css] centrer une série de blocs alignés
- Hauteur du site extensible
- Allouer de gros blocs avec malloc
- Excel : ajuster hauteur de la celulle par VBA
- [Résolut] Besoin d'aide : utilisation de toute la hauteur d'une page
- Adapter la hauteur de la iframe a son contenu
- Problème de hauteur de cellule html;;
- Extensibilité en hauteur ?
Marsh Posté le 26-07-2009 à 12:14:40
Salut,
voilà sur ma page, j'ai un fond gris avec dessus des blocs de fond blanc
-tous en float left
-dont la largeur est fixée
- mais dont je ne peux prévoir la hauteur.
Sachant que je veux pas de scrolling vertical, c'est possible avec un javascript de forcer visuellement leur hauteur en prenant la hauteur du plus grand bloc.
Merci