Etendre le Height d'une TableCell

**zooffy** · 11/06/2008, 15h26

Salut

Problème basique allez vous me dire, voir même "y a des tutos pour ça !", et bien peau de balle. Je fais comme il faut, enfin comme il disnet les tutos, Mon ami GOOGLE et tout le reste. Et pourtnat, ça marche pas et je ne comprend pas pourquoi.

Alors je vous poste mon code et le jeu est simple : il faut trouver l'erreur !

Je fabrique une table dans le CodeBehind. Dans cette table je mets des Row et des dans les Rows, je mets des Cells. Jusque là tout va bien.
Ensuite, dans une des Cells je remets une table avec deux rows et une cells dans chaque Rows.
Voici donc le CodeBehind que j'utilise :

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
28
29
30
31
32
 
Dim tblProfile As New Table
Dim rHaut, rBas As New TableRow
Dim cHaut, cBas As New TableCell
With cHaut
	.Width = Unit.Percentage(100)
	.VerticalAlign = VerticalAlign.Top
	.HorizontalAlign = HorizontalAlign.Left
	.Width = Unit.Pixel(200)
End With
With cBas
	.VerticalAlign = VerticalAlign.Bottom
	.HorizontalAlign = HorizontalAlign.Left
	.Height = Unit.Percentage(100)
	.CssClass = "CellBasProfile"
End With
rHaut.Cells.Add(cHaut)
rBas.Cells.Add(cBas)
rBas.Height = Unit.Percentage(100)
rBas.CssClass = "RowBasProfile"
With tblProfile
	.Rows.Add(rHaut)
	.Rows.Add(rBas)
	.Height = Unit.Percentage(100)
	.CssClass = "TblProfile"
End With
 
With c
	.Controls.Add(tblProfile)
	.Height = Unit.Percentage(100)
	.VerticalAlign = VerticalAlign.Top
End With

J'ai enlever le code des contrôles que je mets dans les CElls pour pas trop charger.

Et voici les classe CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
.CellBasProfile {
	height:100%;
}
.RowBasProfile {
	height:100%;
}
.TblProfile {
	height:100%;
}

Alors voilà, si vous pouvez me dire pour quoi la cBas n'arrive pas à s'étendre jusqu'en bas, ben merci beaucoup.

**zooffy** · 16/06/2008, 12h24

Personne ne voit le souci ?

Pourtant, ça me parait pas impossible à faire, non ?

**predalpha** · 16/06/2008, 14h06

Salut zooffy, essaies de ne pas mettre de 100% nulle part. Mets des valeurs en pixels pour tester.

**zooffy** · 16/06/2008, 14h25

Bon, aprés essai, ça marche pas.
Avec les 150px, la cellule prend bien cette hauteur là. Mais si je repasse à 100 % elle se colle au minimum.
J'arrive vraiment pas à comprendre pourquoi elle refuse de s'étendre.

J'en suis là au niveau code CSS:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
.CellBasProfile {
	vertical-align:bottom;
	height:150px;
}
.CellHautProfile {
	vertical-align:top;
}
.TblProfile {
}
.CellContentProfile {
}

Et là au niveau CodeBehind :

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
 
Dim tblProfile As New Table
Dim rHaut, rBas As New TableRow
Dim cHaut, cBas As New TableCell
With cHaut
	.CssClass = "CellHautProfile"
End With
With cBas
	.CssClass = "CellBasProfile"
End With
rHaut.Cells.Add(cHaut)
rBas.Cells.Add(cBas)
 
With tblProfile
	.Rows.Add(rHaut)
	.Rows.Add(rBas)
	.CssClass = "TblProfile"
End With
With c
	.Controls.Add(tblProfile)
	.CssClass = "CellContentProfile"
End With

**predalpha** · 16/06/2008, 14h34

Peut-être est-ce un bug html.

Dans ta situation, voici ce que je testerais :

1: attribution des tailles,styles de mes tablerows,tablecells avant de leur mettre quoique ce soit dedans

2: peut-être mettre du &nbsp (caractère d'espace html si l'orthographe est bonne) pour voir si une cellule avec du blanc fonctionne mieux qu'une cellule vide ?

**zooffy** · 16/06/2008, 15h03

Alors, j'ai défini mes CssClass avant tout le reste, mais ça n'a rien changé.

Sinon, les cellules ne sont pas vide, j'ai jsute enlevé le code des contrôles que j'ajoute pour faire plus light. Donc pas besoins de rajouter un &nbps; (avec un point virgule, sinon pas content HTML...)

Je viens de poster l'exercice équivalent mais en puir HTML chez les HTMLeux, aprce que même en pur HTML ben ça fait pareil, donc je pense que ça doit merder au niveau HTML ou CSS.

**predalpha** · 16/06/2008, 16h13

Affiches nous un petit bout de la source de ta page ou rendu client pour voir ce que cela donne. Ca doit être tout buggué les tableaux asp.net. Mais c'est vrai que les HTMLeu y vont adorer ça

.

Dans le style mouarf, ça ne respecte pas la norme W3C

ou encore utilises des divs c'est mieux que les tableaux

Bon je sors avant d'avoir une tête comme ça

**zooffy** · 16/06/2008, 16h48

Alors W3C : connais pa, jamais entendu parlé. Mais je crois que ça sert à rien, on va l'oublier.....

Sinon, les DIV ça me gave parce que ça bouge. J'y ai pensé, mais je préfère les tableaux, question d'habitude on dira. On verra plus tard si j'arrive à changer mes habitudes.

Enfin, du code interprété, voilà toute la page, comme ça tu pourras te rendre compte. Il est possible que je m'emmerde la vie pour pas grand chose aussi.
Si tu copie colle ça dans un ficher HTML, tu pourras voir précisément l'étendue de mon problème. C'est le deuxième message, partie du profil qui va pas. Subsidiairement j'ai le problème inverse avec le mesage du premier mesage : le titre et la signature sont trop haut, mais ça fera l'objet d'une autre topic.

Merci

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
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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
	Page sans titre
</title><link rel="stylesheet" type="text/css" href="/ThemeForum/jemprunte/ForumJemprunte.css" /><link href="App_Themes/Default/Default.css" type="text/css" rel="stylesheet" /></head>
<body>
    <form name="form1" method="post" action="z.aspx?mode=top&amp;to=1" id="form1">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUILTgxNzM4MDJkGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYGBQdmJGN0bDEzBQdmJGN0bDE0BQdmJGN0bDE1BQdmJGN0bDMwBQdmJGN0bDMxBQdmJGN0bDMyWr3aPFmxO60xOuOHzshT5IaTo8g=" />
</div>
 
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>
 
 
<script src="/WebResource.axd?d=r1MgxOsUMFG8dBhB9MhvNg2&amp;t=633450777515383436" type="text/javascript"></script>
 
 
<script src="/ScriptResource.axd?d=Uht8A18tOT6QsiMZIeE6V4kcVjSBMArKNVhxbtuAPn6pq5IRkYxOofRwy8HApPryvHDghAti8cra5bif0F1F5fb2SUKmfnsLbloYV-m_QPI1&amp;t=633332309580593296" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=Uht8A18tOT6QsiMZIeE6V4kcVjSBMArKNVhxbtuAPn6pq5IRkYxOofRwy8HApPryvHDghAti8cra5bif0F1F5XZtwR4YRCg2nKBSNfvNlZpWxpopHqoi6t_sY6JHZ0D-0&amp;t=633332309580593296" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=Uht8A18tOT6QsiMZIeE6V4kcVjSBMArKNVhxbtuAPn6pq5IRkYxOofRwy8HApPryvHDghAti8cra5bif0F1F5bI-hOtbsDaYE_xPJ3vzSfbUfLJBw2rUtN9mlcHd_A1y0&amp;t=633332309580593296" type="text/javascript"></script>
    <div>
    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('sm', document.getElementById('form1'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls(['tpgh$up'], ['pgh$timer'], [], 90);
//]]>
</script>
 
    <span id="pgh_timer" style="visibility:hidden;display:none;"></span>
<div id="pgh_up">
 
	<table id="pgh_tblJauge" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;">
		<tr>
			<td style="width:500px;"><img id="pgh_imgnoire" src="pixnoir.png" style="border-width:0px;" /></td><td colspan="2">
			<br /><span id="pgh_lbl"></span></td>
		</tr>
	</table>
 
</div>
    	<br />
			<input type="submit" name="btnZorglub" value="Zorglub" id="btnZorglub" /><br />
		<table id="f_tblForum" class="tblForum" border="0" style="width:100%;">
	<tr>
		<td><a href="z.aspx?mode=aff" target="_self">Retour à l'accueil</a></td>
	</tr><tr>
		<td style="width:100%;"><tr>
			<td style="width:100%;"><table border="0" style="width:100%;">
				<tr>
					<td><a href="z.aspx?mode=for&amp;fo=1" target="_self">Premier forum de la première catégorie</a></td>
				</tr><tr>
					<td><a href="z.aspx?mode=top&amp;to=1" target="_self">premier topic</a></td>
				</tr><tr>
					<td><table border="0">
						<tr>
							<td class="CellContentProfile" rowspan="3" style="border-color:Red;border-width:1px;border-style:Solid;"><table class="TblProfile" border="0" style="border-color:Green;border-width:1px;border-style:Solid;">
								<tr>
									<td class="CellHautProfile" style="border-color:Blue;border-width:1px;border-style:Solid;"><img src="/Images/Blank.gif" style="height:1px;width:190px;border-width:0px;" /><br /><span>erick.ozouf@bellvision.fr</span><br /><span>Localisation DTC</span><br /><span>Inscrit de puis le 05/05/2008</span><br /><img src="http://eozouf.free.fr/avatar.gif" style="border-width:0px;" /><br /><span>Topics : 0</span><br /><span>Messages : 0</span></td>
								</tr><tr>
									<td class="CellBasProfile" style="border-color:Blue;border-width:1px;border-style:Solid;"><input type="image" name="f$ctl13" src="ThemeForum/jemprunte/p_profil.png" style="border-width:0px;" /><input type="image" name="f$ctl14" src="ThemeForum/jemprunte/p_pm.png" style="border-width:0px;" /><input type="image" name="f$ctl15" src="ThemeForum/jemprunte/p_email.png" style="border-width:0px;" /></td>
								</tr>
							</table></td><td class="cellTitreMsg"><table border="0" style="width:100%;">
								<tr>
									<td><span>premier message</span></td><td align="right"><span>Le jeudi 5 juin 2008 14:50:11</span></td>
								</tr>
							</table></td>
						</tr><tr>
							<td class="cellTexteMsg"><span>et pouf, ça roule</span></td>
						</tr><tr>
							<td class="cellSignature" style="width:100%;"><span>Ma signature à moi</span></td>
						</tr>
					</table></td>
				</tr><tr>
					<td><table border="0">
						<tr>
							<td class="CellContentProfile" rowspan="3" style="border-color:Red;border-width:1px;border-style:Solid;"><table class="TblProfile" border="0" style="border-color:Green;border-width:1px;border-style:Solid;">
								<tr>
									<td class="CellHautProfile" style="border-color:Blue;border-width:1px;border-style:Solid;"><img src="/Images/Blank.gif" style="height:1px;width:190px;border-width:0px;" /><br /><span>erick.ozouf@bellvision.fr</span><br /><span>Localisation DTC</span><br /><span>Inscrit de puis le 05/05/2008</span><br /><img src="http://eozouf.free.fr/avatar.gif" style="border-width:0px;" /><br /><span>Topics : 0</span><br /><span>Messages : 0</span></td>
								</tr><tr>
									<td class="CellBasProfile" style="border-color:Blue;border-width:1px;border-style:Solid;"><input type="image" name="f$ctl30" src="ThemeForum/jemprunte/p_profil.png" style="border-width:0px;" /><input type="image" name="f$ctl31" src="ThemeForum/jemprunte/p_pm.png" style="border-width:0px;" /><input type="image" name="f$ctl32" src="ThemeForum/jemprunte/p_email.png" style="border-width:0px;" /></td>
								</tr>
							</table></td><td class="cellTitreMsg"><table border="0" style="width:100%;">
								<tr>
									<td><span>deuxième message</span></td><td align="right"><span>Le jeudi 5 juin 2008 14:50:30</span></td>
								</tr>
							</table></td>
						</tr><tr>
							<td class="cellTexteMsg"><span>et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extentiet re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extentiet re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extentiet re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extention du message et re pouf, ça re roule, extenti</span></td>
						</tr><tr>
							<td class="cellSignature" style="width:100%;"><span>Ma signature à moi</span></td>
						</tr>
					</table></td>
				</tr>
			</table></td>
		</tr></td>
	</tr>
</table>
    </div>
 
<div>
 
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWCALBjMCUDQLPlpeHBgLI9P6nAwLB5uk9Aqb9y6gGAq2L2ZIJApKiu/0OAuPdlL0Nfnw7XaYJ0l69yVBZHeMYLPHobTE=" />
</div>
 
<script type="text/javascript">
//<![CDATA[
Sys.Application.initialize();
Sys.Application.add_init(function() {
    $create(Sys.UI._Timer, {"enabled":true,"interval":2000,"uniqueID":"pgh$timer"}, null, null, $get("pgh_timer"));
});
//]]>
</script>
</form>
</body>
</html>

Etendre le Height d'une TableCell

ASP.NET

Discussions similaires

Partager

Partager