Programming Help

Web Development



What's Here?

  • Members: 136,416
  • Replies: 479,107
  • Topics: 74,650
  • Snippets: 2,566
  • Tutorials: 676
  • Total Online: 2,408
  • Members: 119
  • Guests: 2,289

Welcome to Dream.In.Code
Getting Help is Easy!

Join 136,416 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,408 people online right now. Registration is fast and FREE... Join Now!




Simple HTML Table Issue

 
 Reply to this topicStart new topic

Simple HTML Table Issue
nm4568
15 Oct, 2008 - 10:47 AM
Post #1

New D.I.C Head
*

Joined: 13 Oct, 2008
Posts: 6
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

<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>
User is offlineProfile CardPM
+Quote Post

jjsaw5
RE: Simple HTML Table Issue
15 Oct, 2008 - 10:56 AM
Post #2

I must break you
Group Icon

Joined: 4 Jan, 2008
Posts: 1,404



Thanked: 6 times
Dream Kudos: 125
Expert In: HTML, CSS, Database,

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




You could do something like this.....

CODE

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

User is online!Profile CardPM
+Quote Post

nm4568
RE: Simple HTML Table Issue
15 Oct, 2008 - 11:15 AM
Post #3

New D.I.C Head
*

Joined: 13 Oct, 2008
Posts: 6
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
User is offlineProfile CardPM
+Quote Post

Logomachist
RE: Simple HTML Table Issue
4 Nov, 2008 - 07:27 AM
Post #4

New D.I.C Head
*

Joined: 10 Mar, 2008
Posts: 33



Thanked: 2 times
My Contributions
Use the max-height CSS property:

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


Worked for me
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 12/2/08 12:52PM
Invision Power Board v2.1.7 © 2008  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month