<div> avec height=100%

Version imprimable

Bonjour, j'ai un problème avec un div qui ne veut pas prendre le 100% de son parent.

Voici mon code:

Code:

1
2
3
4
5
6
7
8
9
<body>
    <div id="Container">
        <form id="form1" runat="server">
            <div id="LassondeTelmatik">
 
            </div>
        </form>
    </div>
</body>

Le css:

Code:

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
html, body
{
    height : 100%;
}
body 
{
    margin: 0;
	padding: 0;
	text-align: center;
	background: #eee url(images/bgDesign.jpg) repeat 0 0;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
}
 
#Container 
{
    position: relative;
	min-height: 100%;
}
#LassondeTelmatik{
	width: 780px;
	margin: 0 auto;
	text-align: left;
	height : 100%;
	background: url(images/conteneur_fond.gif) repeat-y;
	position: relative;
	min-height: 100%;
	}

Mais mon div "LassondeTelmatik" prend la hauteur du contenu, mais j'aimerais qu'il fasse le 100% de ma page.

Est-ce que quelqu,un saurait m'indiquer ce que je fais d'incorrect?

Merci d'avance

20/09/2007, 15h59
Bisûnûrs

Renseigner un height et un min-height est totalement différent. Son parent n'a pas de height défini.
20/09/2007, 16h00
Poussy-Puce

Citation:

Envoyé par Bisûnûrs

Renseigner un height et un min-height est totalement différent. Son parent n'a pas de height défini.

Donc je devrais mettre un height à "Container"???
20/09/2007, 16h16
Bisûnûrs

Pour que le height:100% de l'enfant fonctionne, oui.
20/09/2007, 16h20
Poussy-Puce
J'ai essayé :
Code:

1 2 3 4 5 6 #Container { position: relative; min-height: 100%; height:100%; }
ça ne fonctionne pas plus. Alors j'ai essayer de mettre la couleur du background de "Container" rouge, pour voir qu'elle hauteur il disposait. Il dispose bien de 100% de ma page!

Je comprend pas pourquoi son enfant ne prends pas 100%. J'ai ce problème sous FF. Pas IE6 (et pourtant IE6 me donne beaucoup plus de misère d'habitude :aie:)
20/09/2007, 16h30
Bisûnûrs

Heu, le parent de LassondeTelmatik c'est ta balise form.
20/09/2007, 16h32
Poussy-Puce

Nom c'est un div?

J'ai pas de height à mettre sur le form!?!?!

Code:

1 2 3 4 5 6 7 <div id="Container"> <form id="form1" runat="server"> <div id="LassondeTelmatik"> </div> </form> </div>
La balise parent de LassondeTelmatik c'est la balise form. Si la balise form n'a pas de height renseigné, ton % sur LassondeTelmatik ne fonctionnera pas.

20/09/2007, 16h37
Poussy-Puce

AAA.. ben merci.. ça fonctionne nickel maintenant!

Dsl, j'avais comme pas pensé à ma balise form, pour moi, lassondetelmatik était enfant de container.