SImple Example - TD Height Issue!!

nm4568 · Joined: 15 Oct 2008 Posts: 1

I have a simple 2 column 2 row table that looks like the code below. I want to expand cell 2's height without expanding cell 1's height. I need this to be dynamic due to different users seeing different heights in cell 2. Cell 3's height can change all it wants to...I just dont want cell 1's height to change!!

<html>
<head>
<title>Height Issue</title>
</head>
<body>
<table>
<tr>
<td width="100px" height="100px"style="background-color: ##00FF00">cell 1</td>
<td rowspan="2" width ="100px" height="200px"style="background-color: #00FFFF">Cell 2</td>
</tr>
<tr>
<td width ="100px"height="100px"style="background-color: #FFFF00">Cell 3</td>
</table>
</body>
</html>

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1408 Location: Biloxi, MS

Can't use width="XXpx" or height="YYpx". Move them inside of style attribute and make them: width: XXpx; and height: YYpx;. Cells expand according to the amount of content inside them. Possibly change cell 2's width to a percent.