Ombre qui s'allonge toute seule sans hauteur précise

Bonsoir,

Je cherche en vain comment faire pour que l'ombre sur la droite de la page soit aussi longue que le fond blanc sans indiquer une hauteur précise. J'ai mis un 100% mais cela ne change rien.

Voici la page en question :
http://www.pointdot.be/projets/amade/site/FR/objectifs/antwerpen.html

Quelqu'un aurait-il une solution à me proposer? Merci d'avance pour vos réponses. Cela me sauverait.
Modifié par paskwalina (21 Oct 2010 - 22:33)

De ce que je peux voir, ton div#ombreregion est bien de height:100%. Mais, il est contenu dans ton div#colonne2 qui lui a une hauteur définie à 827px.

De fait, j'imagine que ton div#ombreregion est limité en hauteur par son parent div#colonne2.

Salut,

Pourquoi ne pas faire plus simple en utilisant une image de fond à ton contenu, positionnée à droite, en répétion sur l'axe y ? Ainsi, point de hauteur à spécifier, le truc se ferait automatiquement pour ta propre sauvegarde !

Salut Mikachu,

Je ne comprends pas tout à fait ce que tu me conseilles de faire. Y a-t-il un moyen plus concret pour me l'expliquer? Merci d'avance.

Bonjour,

Quelqu'un m'a conseillée d'ajouter le script :

<script type="text/javascript" language="javascript">
document.getElementById("ombre_region2").style.height = document.getElementById("colonne1").offsetHeight - 12 + "px";
</script>

mais le problème, c'est qu'on ne voit pas de changement sur Mac. Apparemment, sur pc, c'est magique.

Voici deux liens pour voir la différence :

Celui avec le script : http://www.pointdot.be/projets/amade/site/FR/objectifs/antwerpen.html

Celui sans le script : http://www.pointdot.be/projets/amade/site/FR/objectifs/brabant.html

Quelqu'un a-t-il une idée pour que cela fonctionne également sur Mac? Merci d'avance.
Modifié par paskwalina (31 Oct 2010 - 11:56)