Récupérer la longueur d'une div et l'appliquer à une autre.

Question

Bonjour,

Voila, 
J'ai un div (div id="contenu") dont la longueur dépend de la longueur d'un texte qui varie à chaque page html.
J'ai un deuxième div (div id="fond")qui devrait s'agrandir à la meme dimension que le premier.

Quelqu'un peut-il m'aider ??
Avec par avance mes remerciements.

en gros voila a quoi ressemble mon code :

et ma css : 
#containeur {
    margin: auto;
    position: relative;
    width: 890px;
    top: 20px;
    z-index: 2;
    background-color: #FFFFFF;
}
#fond {
    background-color: #404040;
    position: absolute;
    top: 94px;
    height: 670px;
    width: 100%;
    z-index: 1;
}
#contenu {
    position: absolute;
    width: 890px;
    top: 74px;
}

PetoleTeam · Answer

B
onjour...

Si le soucis est d'avoir une image de fond sur le DIV contenu pourquoi ne pas rajouter le style
background-image:url(images/fond_div.gif);
Si non il te faut réajuster à chaque changement par récupération des dimensions de contenu et redimensionner fond

;0)

cs_chiktika · Answer

Ce n'est pas tout a fait cela : tout le contenu est ds un div conteneur qui fait 890px de large et qui est centré ds la page.
Le div#fond est en dehors du conteneur, il est derriere et il fait toute la longueur de l'ecran ce qui me permet d'avoir une bande de couleur qui s'étend, qlq soit la résolution de l'internaute. C'est peut etre assez tiré par les cheveux, mais je ne vois pas comment faire autrement.

Le problème est que je ne connais pas la taille du div contenu à l'avance vu que le texte sera alimenté par une base de donnée et modifié toutes les semaines !! C'est pourquoi je voulais récupérer dynamiquement sa longueur et l'appliquer a mon div#fond.

PetoleTeam · Answer

Il me semble que j'aurais essayé de résoudre avec un background mais pour ajuster un div sur l'autre tu peux faire avec

//-------------------
function Ajuste_DIV(){
  var O_Srce = document.getElementById( 'contenu');
  var O_Dest = document.getElementById( 'fond');
  O_Dest.style.width  = parseInt( O_Srce.offsetWidth) +'px';
  O_Dest.style.height = parseInt( O_Srce.offsetHeight) +'px';
}

l'appel se faisant sur le onload du BODY

A toi de garder la largeur ou la longueur

;0)

cs_chiktika · Answer

Bonjour !!

Deja merci pour ta réponse. Par contre cela marche nickel pour Mozilla, mais aucun changement avec IE !!
Tu as une idée ?

Merci.

PetoleTeam · Answer

B
onjour...
J'ai repris ton code avec le bout que je t'ai transmis résultat...
OPéra, FireFox, NetScape et IE (version 6.x) ça baigne ?????
;0)

cs_chiktika · Answer

Bonjour,

excuse moi pour le délai de réponse, mais avec tous ces ponts je n'ai pas souvent été au boulot !

J'ai rectifié, le problème : ie n'aimait pas le fait que j'ai mis la ligne de code concernant la largeur en commentaire.

Un grand Merci !

Ciao !!

Récupérer la longueur d'une div et l'appliquer à une autre.

6 réponses

Votre réponse

Discussions similaires