Hauteur de tableau avec firefox

Bonjour ,
Je cherche a definir un tableau de 100% de hauteur de la page sous firefox , en HTML strict.
J'ai essayé <table style="height:100%">
apres recherches j'ai tenté de rajouter <body style="height:100%">
ca ne marchait toujours pas , j'ai tenté d'inclure mon tableau dans un div de 100% de hauteur , rien a faire.
Quelqu'un a t il une solution ?
Merci

tu peux essayer dans ta feuille de style de définir html à 100%

A quoi ca peu bien servir un tableau qui a un height de 100% ?
Code:

1 2 3 4 5 6 7 8 9 10 11 * { margin:0; padding:0; } body, html { height: 100%; } table.main { height:100%; background: red; }
Code:

<table class="main"><tr><td>test</td></tr></table>

tableau firefox

Merci , mais meme avec ces modifs mon tableau ne fait pas 100 % de la page

Ben fais pareil avec la largeur ...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 * { margin:0; padding:0; } body, html { height: 100%; width: 100% } table.main { height:100%; width: 100%; background: red; }
Mais pourquoi un tableau qui prend toute la page ... ? :roll:

il fait deja 100 % de largeur , ca n'a rien a voir avec la hauteur.

J'ai testé chez moi j'ai bien une page web toute rouge avec aucune marge par rapport aux bords ...

avec firefox , en html strict ?

parce que en transitionel et avec IE effectivement ca marche tres bien.

et a la question a quoi ca sert ?

mon code fonctionne bien, as-tu bien mis la class ? S'il ne fonctionne pas avec ta configration, peu tu preciser le DTD, la version de ton navigateur et le probleme que tu observe.

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<style type="text/css">
 
* {
margin:0;
padding:0;
}
body, html {
        height: 100%;
width: 100%
}
table.main {
        height:100%;
width: 100%;
        background: red;
}
 
</style>
 
<table class="main"><tr><td>test</td></tr></table>
 
   </body>
   </html>

Son code marche tres bien :)

la DTD :
<xsl:output method="html" encoding="ISO-8859-1" doctype-public="-//W3C//DTD HTML 4.01//EN" doctype-system="http://www.w3.org/TR/html4/strict.dtd" />

version de firefox 1.5.0.5

1 pièce(s) jointe(s)

je ne connais pas vraiement xsl, je ne sais pas si ca peu avoir une incidence sur mon code.

je join le fichier complet de mon code tu poura observer un DTD strict et que cela fonctionne sous ff 1.5.0.5 (c'est aussi celui que j'utilise) et IE6.

Sinon, peu tu nous dire a koi te sert ce tableau qui fait 100% de ta page ?(ca ne me semble pas une tres bonne idée de mettre un tableau qui prend toute la place, mais c'est peu etre car je ne sait pas dans quel contexte tu veu le faire. as-tu une raison particuliaire pour que ce soit un tableau?)
Peu tu décrire ce que tu obtien visuellement lorque tu integre mon code dans ton fichier xsl ?
Peu tu nou donner ton fichier intégralement pour que l'on puisse observer ou est ton probleme ?

Je poste mon code ( tres indigeste ,c'est une XSL, mais ca permet de voir quand meme )

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"
xmlns:xalan="http://xml.apache.org/xslt">
<xsl:output method="html" encoding="ISO-8859-1"  doctype-public="-//W3C//DTD HTML 4.01//EN"  doctype-system="http://www.w3.org/TR/html4/strict.dtd"  />
 
<xsl:template match="/racine">
<HTML>
<xsl:text disable-output-escaping="yes">
&lt;!-- afficheEngagementsAnnules.xsl  --&gt;
</xsl:text>
<HEAD>
<LINK href="theme/Master.css" rel="stylesheet" type="text/css"></LINK>
</HEAD>
<BODY onUnLoad="fermetureFenetres();">
 
<SCRIPT language="JavaScript">
 
var fenetrePopUpCourse;
var fenetrePopUpCheval;
 
function ouvrirCourse(date,societe,coucc2){
if (fenetrePopUpCourse != null) fermerPopUp(fenetrePopUpCourse);
fenetrePopUpCourse = ouvrirFenetreHautDroite('./InterroConditions?date='+date+'&amp;societe='+societe+'&amp;coucc2='+coucc2, 'course', 0.75, 0.50);}
 
function ouvrirCheval(numch){
if (fenetrePopUpCheval != null) fermerPopUp(fenetrePopUpCheval);
fenetrePopUpCheval = ouvrirFenetreHautGauche('./FicheCheval?Numch='+numch, 'cheval', 0.65, 0.65);}
 
function fermetureFenetres() {
fermerPopUp(fenetrePopUpCourse);
fermerPopUp(fenetrePopUpCheval);
}
 
function valider() {
alert('hum') ;
document.getElementById('formulaireEngagementsAnnules').submit();
}
</SCRIPT>
 
<SCRIPT language="JavaScript" src= "Scripts/scriptsCommuns.js"></SCRIPT>
<style type="text/css">
 
* {
margin:0;
padding:0;
}
body, html {
height: 100%;
width: 100%
}
table.main {
height:100%;
width: 100%;
 
}
 
</style>
 
 
<FORM id="formulaireEngagementsAnnules" action="{action}" method="POST" target="partieDroite">
	<INPUT type="hidden" name="application" value="effectifs"/>
	<xsl:apply-templates select="tableauEngagements"></xsl:apply-templates>
</FORM>
 
</BODY>
</HTML>
</xsl:template>
 
<xsl:template match="tableauEngagements">
 
 
 
<TABLE class="table.main" width="100%" border="1" >
<TR style="height:90%" ><TD >
 
<TABLE style="height:100%" width="90%" border="1" >
 
<TR><TD style="vertical-align:top">
	<TABLE  align="center"  border="1" >		
			<TR>
				<TD class="fenetreSousTitre" align="center">Cochez les engagements que vous voulez garder</TD>
			</TR>
	</TABLE>
	<TABLE align="center" width="100%" border="1" >	
			<TR class="tableauColonne">
				<TH></TH><TH>Date Crse</TH><TH>Lieu</TH><TH>No.<BR></BR>Crse</TH><TH>A<BR></BR>M</TH>
            	<TH>Age<BR></BR>Crse</TH><TH>Sexe<BR></BR>Crse</TH><TH>Dist.</TH><TH>Dist.<BR></BR>Recul</TH>
            	<TH>Som.<BR></BR>Appel</TH><TH>Som.<BR></BR>Recul</TH><TH>Chev.</TH><TH>Gain</TH>
            	<TH>Sexe<BR></BR>Chev</TH><TH>Age<BR></BR>Chev</TH><TH>Type<BR></BR>Crse</TH>
            	<TH>Somme<BR></BR>Reclam</TH><TH>Cond.<BR></BR>Spec.</TH><TH>Fin<BR></BR>Engagt</TH>
        	</TR>
        	<COLGROUP class="texteNormal">
				<COL align="center" /><COL nowrap="true" class="majusculeMinuscule" /><COL/><COL align="center" class="lienTableau"/><COL align="center"/>
				<COL align="center" /><COL align="center" /><COL align="center"/><COL align="center"/>
				<COL align="right"/><COL align="right"/><COL nowrap="true" class="lienTableau" /><COL align="right"/>
				<COL align="center" /><COL align="center" /><COL align="center" />
				<COL align="center" /><COL align="center" /><COL align="center" />					
			</COLGROUP>		
        	<xsl:for-each select="ligneEngagement">
				<xsl:sort select="numeroCourse" order = "ascending" data-type="text" />
 
				<xsl:if test="(position() mod 2) = 0 ">
					<TR class="tableauLignePaire">								
						<xsl:call-template name="contenuLigne"></xsl:call-template>
        			</TR>
				</xsl:if>
        		<xsl:if test="(position() mod 2) > 0 ">
					<TR class="tableauLigneImpaire">								
						<xsl:call-template name="contenuLigne"></xsl:call-template>
        			</TR>
				</xsl:if>											
 
				</xsl:for-each>
 
				</TABLE>
 
 
</TD></TR>
</TABLE>
 </TD></TR>
</TABLE>
<br/>
<div style="vertical-align:bottom">
<TABLE  class="fondCadrevaliderQuitter" style="height:8%" border="1" cellspacing="0" cellpadding="0" width="100%" >
	<TR><TD>
		<CENTER>
		<TABLE border="0" cellspacing="0" cellpadding="0" height="100%">
		<TBODY>
		<TR>
			<TD class="bouton" width="150" height="35">
			<P class="texteLien" onmouseover="surLien(this);" onmouseout="horsLien(this);" onclick="valider();">Valider</P></TD>
			<TD width="50"></TD>			
			<TD  class="bouton" width="150" height="35">
			<A class="texteLien" href="/Effectifs/partieDroiteEntree.jsp" target="partieDroite">Quitter</A>
			</TD>		
		</TR>
		</TBODY>
		</TABLE>
		</CENTER>
 
 
</TD></TR>
 
</TABLE>
</div>
 
</xsl:template>
 
<xsl:template name="contenuLigne">
		<xsl:param name="numLigne"><xsl:value-of select="numeroLigne"/></xsl:param>
          <TD><INPUT type="checkbox" name="ChevalCoche" value="{numeroLigne}">
          </INPUT></TD>
 
          <TD><xsl:value-of select="dateCourse"/></TD>
          <TD><xsl:value-of select="lieuCourse"/></TD>
          <TD onclick="ouvrirCourse('{dateCourseBase}','{numeroSociete}','{numeroCourse}');" class ="lienTableau"><xsl:value-of select="numeroCourse"/> </TD>
          <TD><xsl:value-of select="atteleMonte"/></TD>
          <TD><xsl:value-of select="ageCourse"/></TD>
          <TD><xsl:value-of select="sexeCourse"/></TD>
          <TD><xsl:value-of select="distance"/></TD>
          <TD><xsl:value-of select="distancedeRecul"/></TD>
          <TD><xsl:value-of select="appel"/></TD>
          <TD><xsl:value-of select="recul"/></TD>
          <TD  onclick="ouvrirCheval('{numCheval}')" class ="lienTableau"><xsl:value-of select="nomCheval"/> </TD>
          <TD><xsl:value-of select="gainCheval"/></TD>
          <TD><xsl:value-of select="sexeCheval"/></TD>
          <TD><xsl:value-of select="ageCheval"/></TD>
          <TD><xsl:value-of select="typeCourse"/></TD>
<xsl:if test="somdeRecl1=0 and somdeRecl2=0">
<TD></TD>
</xsl:if>
<xsl:if test="not(somdeRecl1=0) or not(somdeRecl2=0)">
          <TD><SELECT size="1" name="{concat('somrecl',$numLigne)}">
				<OPTION value="{somdeRecl1}"><xsl:value-of select="somdeRecl1"/></OPTION>
				<xsl:if test="not(somdeRecl2=0)"><OPTION value="{somdeRecl2}"><xsl:value-of select="somdeRecl2"/></OPTION></xsl:if>
				<xsl:if test="not(somdeRecl3=0)"><OPTION value="{somdeRecl3}"><xsl:value-of select="somdeRecl3"/></OPTION></xsl:if>
			</SELECT></TD>
</xsl:if>
		  <TD><xsl:value-of select="particulariteCourse"/></TD>
          <TD><xsl:value-of select="afficheFinEngagement"/></TD>
 
</xsl:template>
 
 
</xsl:stylesheet>

edit Oluha : j'ai ajouté les balises code, essaye d'y penser la prochaine fois

1 pièce(s) jointe(s)

ce que ca donne :
J'ai besoin de ce tableau de 100 % pour positionner mes boutons valider /quitter en bas.
Bon vous allez me dire il faudrait que je fasse des frames , mais je reprend quelquechose que je n'ai pas créé et ca n'a pas été prévu pour.