18041 sujets

Questions générales et questions de débutants

Ajuster le div

debe a écrit :
en fait, comment rendre le div du bas 'index-3" fluctuant, qu'il puisse descendre en fonction de la longueur de texte du div de texte ?

En ne figant pas sa hauteur. Autrement dit, en conservant tout simplement son comportement par défaut. Smiley cligne
cela ne fonctione pas,
j'ai

#index-3 {
	position:absolute;
	left:0px;
	top:429px;
	width:728px;
	height:75px;
}

si j'enleve 
top:429px

il se retrouve tout en haut, et non pas en bas, "lié" au div du desssus

voir http://www.mpt-ea.org/2009/test/index2.html pour voir ce qui cloche

voici le code de la page qui pose pb


#index-1 {
	position:absolute;
	left:0px;
	top:0px;
	width:728px;
	height:129px;
}

#index-2 {
	position:absolute;
	left:0px;
	top:129px;
	width:150px;
	height:300px;
}

#site-2009-3 {
	position:absolute;
	left:150px;
	top:129px;
	width:578px;
	height:300px;
}

#index-3 {
	position:absolute;
	left:0px;


}

</STYLE>

</HEAD>
<BODY STYLE="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">

<DIV ID="index-1">
	<IMG SRC="images/index-1.gif" WIDTH=728 HEIGHT=129 ALT="">
</DIV>
<DIV ID="index-2">
	<IMG SRC="images/index-2.gif" WIDTH=150 HEIGHT=300 ALT="">
</DIV>
<DIV ID="site-2009-3" style="width: 65%"> 
  <p>L'Action Sociale et votre quartier.</p>
  <p>Notre quartier est une vaste mosa&iuml;que, qui se dessine au fil du temps 
    gr&acirc;ce &agrave; ses habitants.<br>
    La Maison Pour Tous souhaite participer &agrave; cette construction en proposant 
    des espaces, des moments de rencontres et d'&eacute;changes pour que se tissent 
    des liens nourris de solidarit&eacute;s et de partages.<br>
    C'est dans l'accueil du plus grand nombre que nous pourrons imaginer une cr&eacute;ation 
    riche en couleurs et en formes o&ugrave; chacun peut prendre sa place individuellement 
    ou collectivement.<br>
    En favorisant l'acc&egrave;s de tous &agrave; la d&eacute;couverte du monde 
    et des autres, chacun peut accro&icirc;tre sa diversit&eacute; et contribuer 
    &agrave; cet ouvrage.</p>
  <p>Armelle Chalony<br>
    Directrice Adjointe</p>
  <p>VIVRE AU QUARTIER<br>
    &quot; Se rencontrer, partager ses exp&eacute;riences, rompre l'isolement, 
    s'ouvrir aux autres, apprendre, construire des &quot; choses &quot; ensemble, 
    participer &agrave; la r&eacute;flexion d'un projet d'animation o&ugrave; 
    tous les habitants trouvent leur place, sont autant de situations que nous 
    souhaitons privil&eacute;gier &agrave; travers les actions quotidiennes que 
    nous vous proposons &quot;.</p>
  <p>DES MOMENTS DE RENCONTRES ET D'ECHANGES</p>
</DIV>
<DIV ID="index-3">
	<IMG SRC="images/index-3.gif" WIDTH=728 HEIGHT=75 ALT="">
</DIV>
Salut,

Essaye avec la propriété :

clear:both;

pour pas que t'es div se chevauche Smiley smile
Bonjour debe,

Je te conseille la lecture de ce tutoriel outre un rappel sur le positionnement (il me semble que tu abuses ici de la position absolue et cela ne me semble pas vraiement nécessaire) tu y rencontreras des notions (le flux, le conteneur global...) qui devraient facilement t'aider à solutionner ton petit soucis Smiley cligne

Eventuellement tu peux jeter un oeil sur cet item de la FAQ

Concernant la réponse de Benjamin, il me semble que tu n'as pas tout à fait saisi, une petite relecture Smiley cligne

Bonne continuation,
Cdt,
Sylvain
Sujet clos
Aller à