Div redimentionnable

Bonjour à tous,
j'aimerai bien construire deux divs redimmensionable, c'est à dire que les deux sont encapsulé dans un super div et quand je redimensionne l'un l'autre se redimmensionne automatiquement d'une façon à ce qu'il occupe la partie libérée.
Voila j'attend votre aide et vous en remercie d'avance :)

Rajae

Bonjour,

    pourquoi pas avec des tailles en % ?
   
    sinon jouer avec les dimensions : Tailles Objets et Positions

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Merci pour ta réponse rapide.
Alors si j'ai bien compris je fais comme suit :

divParent{

........

}

divEnfant1{

...............

}

divEnfant2{

..................

}
dans le code:

<div id="divParent">

<divEnfant1></div>

<divEnfant2></div>

</div>

 

mais on fait je ne comprends pas comment il y aura une mliaison entre la taille du div parent et celle des eux enfants??? je ne sais pas comment faire pour les préciser les tailles dans les différents div

Rajae

Jettes un oeuil du côté de certains framework qui facilitent ce genre de travail. Mootools par exemple permet rapidement de redimensionner des conteneurs à l'aide de la souris.

Oui Mootools je connais, mais aprés est ce que j'ai le droit de réutiliser leur Framework sans gratuitement?????

Rajae

Biensur Mootools, comme la pluspart des framework dis 'web2' sont sous licence MIT open source qui te donne le droit de les utiliser et même de les modifier à ta convenance.

Ok , masi si je suis en stage et que je l'utilise dans un code pour la boite pour qui je travaille ça passe aussi????

Rajae

Pas de problème.
Tu peux également utiliser des scripts de redimensionnement mais en general, ils ne sont guères fiable et le rendu est souvant hazardeux.
Je te conseilles vivement d'utiliser Mootools (ou un autre).

Ah donc j'ai donc c'est cool.
Merci

Rajae

sur ton exemple :

<style type="text/css">
#divParent{
    width:50%;
    height:50%;
    background-color:#FF00FF;
}
#Enfant1{
    width:100%;
    height:30%;
    background-color:#FFFF00;
}
#Enfant2{
    width:100%;
    height:70%;
    background-color:#00FFFF;
}
</style>
<div id="divParent">
    <div id="Enfant1"></div>
    <div id="Enfant2"></div>
</div>

---

                Cordialement            Bul         [mon Site]     [M'écrire]