Problème agrandissement d'un div

**krfa1** · 09/05/2005, 11h53

Bonjour,

J'ai fait mon site avec un div comme en-tête, un div comme menu à droite, un div comme menu à gauche, un div comme centre, et un div comme pied de site. Jusque là, tout vas bien, mais maintenant je rencontre un problème car quand mon texte qui est dans le div du centre depasse la taille du div par défault, mon pied je bouge pas, alors qu'iol faudrait qu'il descende aussi. Comment puis-je faire??? Et tout ces div sont dans un div appelé conteneur.

Voici mon code de ma feuille de style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
 
#div_conteneur
{
width:980px;
min-height:600px;
margin:0 auto;
background-color:#ffffff;
}
 
#div_en_tete
{
height:100px;
text-align:center;
}
 
#div_centre 
{
margin-left:200px;
margin-right:200px;
height:450px;
}
 
#div_gauche
{
float:left;
width:180px;
height:450px;
}
 
#div_droite 
{
position:relative;
float:right;
width:180px;
height:450px;
}
 
#div_pied 
{
clear:both;
height:50px;
}

Et voici mon code de ma page html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
 
<?
include('fonction.php');
?>
<html> 
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="div_conteneur">
	<div id="div_en_tete">
		En-tete
	</div>
 
	<div id="div_gauche">
                mes menu de gauche
	</div>
 
	<div id="div_droite">
                 mes menus de droite
	</div>
	<div id="div_centre">
                c'est mon texte au centre <br><br><br><br><br><br><br><br><br><br><br><br><br>voilà le problème	</div>
	<div id="div_pied" class="pied">
		<hr>
		Pour toutes questions, remarques, n'h&eacute;sitez pas &agrave; nous contacter en utilisant <a href="formulaire_contact.php">le formulaire de contact</a>
	</div>
</div>
</body>
</html>

**amadoulamine1** · 09/05/2005, 12h26

essaie les frames

**beeboo** · 09/05/2005, 12h40

Si tu veux un pied de page flottant en fonction de la longueur du contenu de ta colonne centrale, donne à cette colonne une hauteur de 100% plutôt que de 450px car alors elle reste figée. Sinon tu veux garder un layout fixe et pouvoir faire défiler le contenu de la colonne centrale, tu peux utiliser le overflow:auto.

**krfa1** · 09/05/2005, 12h55

Non, je ne veux pas faire avec les frames, pour moi je ne trouve pas ça du tout professionnel. j'ai mis à 100%, et ca marche parfait. Merci beaucoup .

A plus

Problème agrandissement d'un div

HTML

Discussions similaires

Partager

Partager