PHP|Débutant :: Forums

Advertisement

Besoin d'aide ? N'hésitez pas, mais respectez les règles

Vous n'êtes pas identifié(e).

#1 08-02-2010 15:35:03

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 ?
                  @*|*@

Hors ligne

#2 08-02-2010 21:37:26

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. hmm

Hors ligne

#3 12-02-2011 22:55:31

Jc
Membre
Lieu : Zillisheim - Alsace
Inscription : 15-04-2010
Messages : 1 626
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;

smile
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à wink

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?

Hors ligne

Pied de page des forums