Ajustement hauteur

Ajustement hauteur - HTML/CSS - Programmation

Marsh Posté le 14-04-2006 à 11:14:05    

Bonjour !  :hello:  
 
Voila j'ai un petit problème quand à la gestion de la hauteur de page de mon site web. (Je gere ça en css).
 
J'aimerai que la page aille jusqu'en bas de la fenêtre (menu de gauche + zone de texte), j'ai donc pensé à utiliser un height : 100%.
Le problème c'est que le bloc dont la hauteur est de 100% contient un autre bloc div donc la taille varie (php).
Une idée comment résoudre ca ?  
 
 
merci :jap:
 
PS : mon site : http://chacun.autoecole.free.fr (vous pouvez vous apercevoir que le menu de gauche ne suit pas la taille du cadre réservé au texte, j'aimerai donc que ces 2 zones aille jusqu'en bas de la fenêtre de navigation).

Reply

Marsh Posté le 14-04-2006 à 11:14:05   

Reply

Marsh Posté le 14-04-2006 à 12:38:29    

Salut ;)
 
Si tu trouves, soit béni. j'ai jamais réussi a le faire. (j'ai laissé tombé surtout)
 
Regardes sur openweb.eu.org, ya une histoire de spacer.. mais ca a pas marché chez moi. Soit ca marchait sous IE, soit sous Mozilla. Ca marchait quand le contenu variable est plus grand que le menu, mais si le contenu central estait plus petit.. patatrac :(
 
 
:hello:

Message cité 1 fois
Message édité par bixibu le 14-04-2006 à 12:41:29
Reply

Marsh Posté le 14-04-2006 à 13:01:21    

bixibu a écrit :

Salut ;)
 
Si tu trouves, soit béni. j'ai jamais réussi a le faire. (j'ai laissé tombé surtout)
 
Regardes sur openweb.eu.org, ya une histoire de spacer.. mais ca a pas marché chez moi. Soit ca marchait sous IE, soit sous Mozilla. Ca marchait quand le contenu variable est plus grand que le menu, mais si le contenu central estait plus petit.. patatrac :(
 
 
:hello:


 
Merci pour la réponse je vais chercher du coté de openweb :jap: cela dit si quelqu'un à la réponse je suis toujour preneur  :whistle:

Reply

Marsh Posté le 14-04-2006 à 15:00:04    

idem, ça m'intéresse d'avoir la réponse mais je ne crois pas que ce soit possible d'ajuster la taille d'un bloc par rapport à celle d'un autre. Sur alsacreations, la seule solution c'était de mettre la même couleur en background dans le body que celle du menu de gauche pour cacher la non continuité. Mais si ton backgroud est une image avec des motifs, c'est mort...

Reply

Marsh Posté le 14-04-2006 à 19:38:59    

Avec un tableau!

Reply

Marsh Posté le 14-04-2006 à 20:19:23    

rufo a écrit :

idem, ça m'intéresse d'avoir la réponse mais je ne crois pas que ce soit possible d'ajuster la taille d'un bloc par rapport à celle d'un autre. Sur alsacreations, la seule solution c'était de mettre la même couleur en background dans le body que celle du menu de gauche pour cacher la non continuité. Mais si ton backgroud est une image avec des motifs, c'est mort...


 
+1
 
surtout que là dans son cas c'est pas dur :D
 
dans le css, dis de placer à gauche, et de répéter vers le bas et voilà :D
 

nargy a écrit :

Avec un tableau!


 
Ouias ça marcherais mais .... :kaola:  :kaola:
 
EDIT: il y a pas que des <div> qui existe en programmation Web  [:b vampire]  
 


Message édité par xtof_83 le 14-04-2006 à 20:27:10
Reply

Marsh Posté le 14-04-2006 à 20:39:24    

> EDIT: il y a pas que des <div> qui existe en programmation Web  [:b vampire]  
 
ouais, entièrement d'accord. j'irais même plus loin en disant que un div ou un span est la dernière solution à considérer, car bien que pratiques, ils n'ont pas de signification sémantique particulière (mais générale). En clair, mettre des divs partout, rends le code source lourd et illisible.

Reply

Marsh Posté le 22-04-2006 à 09:13:56    

:hello: !
 
 
J'ai réussit a résoudre mon probleme pour ceux que ca interesse.
Pour ca j'ai mit mon bloc principale avec un height 100% (pour aller jusqu'en bas de la fenetre).
 
Et j'ai rajouté a ce meme bloc un background avec un fond qui se repete (dans le cas des page de plus de 100%).
 
le résultat http://chacun.autoecole.free.fr/ et le css http://chacun.autoecole.free.fr/files/page.css
 
Merci !


Message édité par The Dml le 22-04-2006 à 09:14:50
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed