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

Version imprimable

05/08/2006, 16h18
pierrot10

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

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

Ma page commence comme ceci

Citation:

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

Citation:

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

Citation:

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

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

Code:

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:

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

07/08/2006, 11h50
pierrot10

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

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:

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

07/08/2006, 16h16
Candygirl

Citation:

Envoyé par pierrot10

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

Pour que ton tableau prenne 100% de haut, il devrait suffire de rajouter:

Code:

body, html {height:100%;}

dans ton css
07/08/2006, 20h14
pierrot10

oui merci, ca marche super bien