Etendre le Height d'une TableCell

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:

---

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:

---

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.

Personne ne voit le souci ?

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

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

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:

---

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:

---

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

---

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 ?

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.

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 :mrgreen: ou encore utilises des divs c'est mieux que les tableaux :mrgreen::mrgreen:

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

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:

---

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>

---