<div> avec height=100%

**Poussy-Puce** · 20/09/2007, 15h58

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

Voici mon code:

Code :

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

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 :

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

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

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

**Poussy-Puce** · 20/09/2007, 16h00

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"???

**Bisûnûrs** · 20/09/2007, 16h16

Pour que le height:100% de l'enfant fonctionne, oui.

**Poussy-Puce** · 20/09/2007, 16h20

J'ai essayé :

Code :

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

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

)

**Bisûnûrs** · 20/09/2007, 16h30

Heu, le parent de LassondeTelmatik c'est ta balise form.

**Poussy-Puce** · 20/09/2007, 16h32

Nom c'est un div?

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

**Bisûnûrs** · 20/09/2007, 16h34

Code html :

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

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.

**Poussy-Puce** · 20/09/2007, 16h37

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

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

<div> avec height=100%

CSS

Discussions similaires

Partager

Partager