Bonjour à tous,
Tout d'abord je tiens à dire que ces forums sont vraiment sympas, très beaux et intuitifs, château bas au créateurs de ce dernier.
Ma galère :
J'effectue en ce moment quelques tests du côté de la programmation HTML5 et CSS3, et comme d'habitude, j'ai de gros soucis au niveau du dynamisme du site :
J'ai fais quelques schémas ; voici le 1er : il explique ce que j'ai en tête :
http://img4.hostingpics.net/pics/213110GIF1.gif
( les classes sont à titre d'exemple)
Alors voilà, j'ai un gros bloc, qui a dans son ventre trois autres blocs : header, center, et footer.
Le gros bloc lui, adapte sa taille par rapport à la hauteur du navigateur du visiteur : il a un height: 100% dans sa classe.
Mais voici ce qui se passe en réalité, lorsque l'écran du mec est plus petit :
http://img4.hostingpics.net/pics/552314GIF2.gif
C'est-à-dire que là, mon footer suit bien le mouvement du grand bloc (puis-ce que je le rappelle son hauteur est "height: 100%"), mais alors le center, lui, refuse catégoriquement de s'adapter au grand bloc et s'allonge tranquillement sur le footer.
Ma question est donc la suivante :
** > Comment faire en sorte que les blocs "soustraient" un certain pourcentage du grand bloc afin de se mettre à l'aise ?
Ex:
http://img4.hostingpics.net/pics/485702GIF3.gif
Pour que chaque bloc ait son terrain à lui, qui s'adapte par rapport au grand bloc et surtout par rapport aux autres blocs.
En gros j'aimerais arriver à ça :
http://img4.hostingpics.net/pics/465682GIF4.gif
Voilà.
Pourtant l'idée est simple, ça semble simple à faire, et pourtant... Faut s'y prendre correctement...
Depuis des jours que je galère avec ça, si une bonne âme charitable veut bien passer par ce topic et m'aider, je lui serais très reconnaissant !
Merci d'avance.
Cordialement.
Modifié par JarreABiscuits (15 Sep 2013 - 19:22)
Tout d'abord je tiens à dire que ces forums sont vraiment sympas, très beaux et intuitifs, château bas au créateurs de ce dernier.
Ma galère :
J'effectue en ce moment quelques tests du côté de la programmation HTML5 et CSS3, et comme d'habitude, j'ai de gros soucis au niveau du dynamisme du site :
J'ai fais quelques schémas ; voici le 1er : il explique ce que j'ai en tête :
http://img4.hostingpics.net/pics/213110GIF1.gif
( les classes sont à titre d'exemple)
Alors voilà, j'ai un gros bloc, qui a dans son ventre trois autres blocs : header, center, et footer.
Le gros bloc lui, adapte sa taille par rapport à la hauteur du navigateur du visiteur : il a un height: 100% dans sa classe.
Mais voici ce qui se passe en réalité, lorsque l'écran du mec est plus petit :
http://img4.hostingpics.net/pics/552314GIF2.gif
C'est-à-dire que là, mon footer suit bien le mouvement du grand bloc (puis-ce que je le rappelle son hauteur est "height: 100%"), mais alors le center, lui, refuse catégoriquement de s'adapter au grand bloc et s'allonge tranquillement sur le footer.
Ma question est donc la suivante :
** > Comment faire en sorte que les blocs "soustraient" un certain pourcentage du grand bloc afin de se mettre à l'aise ?
Ex:
http://img4.hostingpics.net/pics/485702GIF3.gif
Pour que chaque bloc ait son terrain à lui, qui s'adapte par rapport au grand bloc et surtout par rapport aux autres blocs.
En gros j'aimerais arriver à ça :
http://img4.hostingpics.net/pics/465682GIF4.gif
Voilà.
Pourtant l'idée est simple, ça semble simple à faire, et pourtant... Faut s'y prendre correctement...
Depuis des jours que je galère avec ça, si une bonne âme charitable veut bien passer par ce topic et m'aider, je lui serais très reconnaissant !
Merci d'avance.
Cordialement.
Modifié par JarreABiscuits (15 Sep 2013 - 19:22)