3 Replies - 733 Views - Last Post: 04 November 2008 - 08:27 AM

#1 nm4568  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 6
  • Joined: 13-October 08

Simple HTML Table Issue

Post icon  Posted 15 October 2008 - 11:47 AM

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>


Is This A Good Question/Topic? 0
  • +

Replies To: Simple HTML Table Issue

#2 jjsaw5  Icon User is offline

  • I must break you
  • member icon

Reputation: 90
  • View blog
  • Posts: 3,060
  • Joined: 04-January 08

Re: Simple HTML Table Issue

Posted 15 October 2008 - 11:56 AM

please make sure you are using the code tags when you post code.




You could do something like this.....

<TD width=60% height=100>
<TD width=40%> 


Was This Post Helpful? 0
  • +
  • -

#3 nm4568  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 6
  • Joined: 13-October 08

Re: Simple HTML Table Issue

Posted 15 October 2008 - 12:15 PM

That didnt help any. It is only an issue with IE ...with Chrome and Firefox.. the fixed height's work fine!! I read somewhere else that it is a colspan problem
Was This Post Helpful? 0
  • +
  • -

#4 Logomachist  Icon User is offline

  • D.I.C Head

Reputation: 5
  • View blog
  • Posts: 74
  • Joined: 10-March 08

Re: Simple HTML Table Issue

Posted 04 November 2008 - 08:27 AM

Use the max-height CSS property:

<td width="100px" style="background-color: ##00FF00; max-height: 10px;">cell 1</td>


Worked for me
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1