PHP|Débutant :: Forums

phpdos

Membre

Inscription : 22-12-2009

Messages : 72

Contrôler les hauteurs de 2 div (calques) par javascript ?

Bonjour,

J’ai deux div :
2e div est à l’intérieur du 1er.
La hauteur minimum de 2 div c’est 570px.
2e div est flottant à gauche. Lorsqu’il y a un petit paragraphe dans cette div, la hauteur  Max est 570 px, et s’il y a plusieurs paragraphes, la hauteur change selon le contenu de ce div… mais 1er div reste toujours la même hauteur (570px).
Je vaux que la hauteur du 1er div ajoute automatiquement la 2e div. Est-ce que vous connaissiez un JavaScript pour cela ?

Voici les caracteristique de 2 div (en CSS)
1er div :

width: 914px;
min-height:570px;
background-image: url(../images/base/corps_gch_fnd.png);

et 2e div :

background-color: #FFF;
    width: 677px;
    min-height:570px;
    float: left;

bonne journée

---

Brave autiste
Cl... clown
Cl ? Cl ? Est-ce que j'ai une gueule de clowns ?
                  @*|*@

xTG

GrandGourou

Inscription : 18-06-2009

Messages : 1 127

Site Web

Re : Contrôler les hauteurs de 2 div (calques) par javascript ?

De mon point de vue c'est un problème de conception. Ce n'est pas le div 2 qu'il faut mettre en flottant mais bel et bien le div1 si tu veux que les modifications du second se répercutent sur le premier.

Car un flottant est un flottant.

Jc

Membre

Lieu : Zillisheim - Alsace

Inscription : 15-04-2010

Messages : 1 629

Site Web

Re : Contrôler les hauteurs de 2 div (calques) par javascript ?

Bonjour,

Le problème c'est que tu ne sais pas comment fonctionne une div et qu'en plus tu as une incohérence dans tes définitions. En effet tu ne peux avoir en même temps une hauteur minimum et maximum de 570px ou alors

height:570px;

Si la hauteur de ta div intérieure peut dépasser 570px, alors dans le cas où les deux divs ont un positionnement relatif, la hauteur de la première s'adaptera à celle de la 2e (celle qui se trouve à l'intérieur). Par contre si tu veux que la 2e s'adapte à la hauteur de la première, alors il te faut définir dans le css de la 2eme

height:auto;

Voilà

Dernière modification par Jc (13-02-2011 10:29:36)

---

POO PHP+Ajax en MVC avec PDO et Bases de données épaisses  : What else?