3 Div sur 100% de la hauteur de la fenêtre ?

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
guilhem_mdg
Lézard à collerette
Messages : 438
Inscription : 18 juin 2004, 09:13

3 Div sur 100% de la hauteur de la fenêtre ?

Message par guilhem_mdg »

Bonjour,
Est-il possible de créer 3 blocs horizontaux (comme sur http://css.alsacreations.com/modeles/modele2.htm)
sauf que:
le bloc top=10% de la hauteur
le bloc milieu=80% de la hauteur
le bloc bottom=10% de la hauteur

??? :roll:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4
Cordialement.
Guilhem.
guilhem_mdg
Lézard à collerette
Messages : 438
Inscription : 18 juin 2004, 09:13

Message par guilhem_mdg »

Personne ne trouve ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4
Cordialement.
Guilhem.
Asumbaa
Tyrannosaurus Rex
Messages : 2411
Inscription : 08 déc. 2004, 20:07

Message par Asumbaa »

En une demi heure... Laisse aux gens le temps de se pencher sur ton problème :?

As-tu essayé au moins ?
height: 10%;
height: 80%;
height: 10%;

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

guilhem_mdg a écrit :Personne ne trouve ?
Bien sûr, entre 10h et 11h tout le monde est sur Geckozone pour essayer de résoudre ton problème :lol:
La solution d'Asumbaa pourrait fonctionner, mais je pense seulement si les blocs sont sortis de leur position statique (soit absolute, soit fixe) et positionnés avec les valeures "top" adéquates.

Maintenant, il est évident que la hauteur d'un bloc ne pourra pas dépendre de l'autre, et si le contenu de ton middle s'agrantit trop il y aura une barre de défilement.

Ah oui, une chose vitale à tester avec un positionnement de ce type, c'est le comportement dans de plus basses résolutions (merci Web Developer) et avec une taille de police agrandie (Au moins 2-3 fois "Ctrl" + "+") :wink:
guilhem_mdg
Lézard à collerette
Messages : 438
Inscription : 18 juin 2004, 09:13

Message par guilhem_mdg »

As-tu essayé au moins ?
height: 10%;
height: 80%;
height: 10%;
Oui oui... Mais cela ne marche pas...

Et désolé pour mon impatience... :oops:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4
Cordialement.
Guilhem.
guilhem_mdg
Lézard à collerette
Messages : 438
Inscription : 18 juin 2004, 09:13

Message par guilhem_mdg »

Calimo,
Tu ne connaitrais pas un template tout fait ?
:oops:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4
Cordialement.
Guilhem.
guilhem_mdg
Lézard à collerette
Messages : 438
Inscription : 18 juin 2004, 09:13

Message par guilhem_mdg »

Ou une autre solution ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4
Cordialement.
Guilhem.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités