[XHTML] probleme avec <height="100%">, la huateur ne fonctionne pas

**pierrot10** · 05/08/2006, 16h18

Bonjour
J'ai un petit probleme bete sur la definition de la hauteur d'une cellule.

Ma page commence comme ceci

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
......
</head>
<body>
<table width="100%" height="100%" bgcolor="#000000">
<tr>
<td>
... contenu.. (un autre tableau avec hauteur et largeur definies)
</td>
</tr>
</table>
</body>
</html>

quand je mets le code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Mon tableau ne prend pas le 100% en hauteur de ma page (=ecran)

alors que quand je l'enleve, il le tableau prend la hauteur de l'écran

Savez-vous, comment puis-je regler mon problème de maniere que mon tableau prenne le 100% de hauteur et de l'argeur et que je veux garder le code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

J'ai essayé avec une feuille CSS, des styles, etc, mais rien ne marche.

PS: J'aimerais en fait que le tableau avec les dimention defini, soit au centre de la page

Merci pour votre aide

**masu** · 07/08/2006, 10h46

alors pour centrer ton tableau je te propose de faire ca en css sans imbriquer 2 table.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
*{
	margin:0;
	padding:0;
}
 
table {
	position:absolute;
	top: 50%;
	border-collapse: collapse;
	border: 1px solid red;
	width: 200px;
	height: 200px;
	margin: -100px auto 0 auto;/*margin-top = 1/2 du height*/
}

Code :

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

1
2
3
4
5
<table summary="test">
     <tr>
          <td>dummy</td>
     </tr>
</table>

**pierrot10** · 07/08/2006, 11h50

c'est pas mal, mail mon cadre est bien centré mais collé au bas de la page,

**masu** · 07/08/2006, 12h11

a etrange moi sous ff pas de probleme et sous ie je vien de tester il etait place au centre a gauche.

j'ai un dtd XHTML 1.0 transitional pour info (j'ai pas le temps la de regarder si ya des différences selon les dtd)

j'ai modif le code pour que ce fonctionne sous ie

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
* {
	margin: 0;
	padding: 0;
}
 
table {
	position:absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-top: -100px;/*1/2 du height*/
	margin-left: -100px;/*1/2 du weight*/
	border-collapse: collapse;
	border: 1px solid red;
}