Contribute doesn't let us remove table HEIGHT value that IT PUT IN

Question

IE displays tables incorrectly when a "Height" value is set
on a <table> tag, also this markup doesn't validate. So I
need to give instructions to Contribute users I support for how to
remove the table height values from the pages they created with
Contribute... only CONTRIBUTE doesn't provide a way to do this!!!
Try this:
1. create a new document in Contribute with only one table
with three rows and three columns and populate it with text
table width: 600
border: 1
cellpadding & cellspacing: 0
first col: 300 px
second col: 150 px
third col: 150 px
2. Publish and view source code: no height tags.
3. Open the document again for Editing in Contribute.
Select the entire table (click inside the table, then Table
> Select Table), then drag the lower edge to make it taller.
This adds a heights value to the <table> tag. Confirm
this by publishing and viewing source.
4. Now TRY to remove that height value in Contribute. It is
impossible.
This doesn't work:
Table > Select Table, Table > Table Cell Properties...
, click "Row and Column" tab, click "Fit to Contents" radio button.
This also doesn't work:
Selecting the table and dragging it smaller.
Maybe I am overlooking something?

Answer 1

Hi Ibarim,
verticalAlignment will not work for VBox when you have two or more children and which are direct children. When you have only one direct children for VBox then it will work. Normally we use verticalAlignment="middle" for HBox and not VBox. Since VBox lays out its children vertically this property won't work when you have more than 1 children.
You can try this
<mx:VBox id="vb1" width="400" height="100%" verticalAlign="middle">
<mx:VBox id="vb2" width="200" height="50%">
</mx:VBox>
</mx:VBox>
<mx:VBox id="vb1" width="400" height="100%" verticalAlign="middle">
     <mx:CheckBox id="chk" label="My CheckBox"/>
</mx:VBox>
The above two combinations work correctly as you have only one immediate children....But if you see the below case...
<mx:VBox id="vb1" width="400" height="100%" verticalAlign="middle">
     <mx:VBox id="vb2" width="200" height="50%" backgroundColor="yellow" verticalAlign="middle">
          <mx:CheckBox label="Check Box"/>
         <mx:VBox id="vb3" width="200" height="50%" backgroundColor="blue">
          </mx:VBox>
     </mx:VBox>
</mx:VBox>
Now in the above case you can see that VBox vb2 is vertically aligned middle in the VBox vb1 as vb2 is the only one direct child of VBox vb1. Whereas now in the VBox vb2 Check Box and VBox vb3 are not vertically aligned in the VBOx vb2 as because now VBox vb2 contains two children.
Hope this is clear and make you understand the problem.
Thanks,
Bhasker