You are here: DEVPPL Forum Programming CSS Forum
NOTIFICATIONS
54.124
MEMBERS
15.697
TOPICS
62.285
POSTS
  562
FLASH GAMES
7.740
TUTORIALS
 

Login

E-mail:
Password:

Table problems

0

Loading

Table problems

Postby Igjoe » Fri Jan 16, 2009 12:23 am

I am creating an email newsletter and the structure in based on tables. The layout has the body text on the left in a cell and then there is another nested table to the right of the content with 3 rows and 1 column.

Here is my problem. My content on the left is taller than the height of the three cells combined on the right. I would like the bottom cell on the right, which has a blue background, to continue to the bottom of the page so that the bottoms of the cells match up.

I have tried both setting the heights of the embedded table and the bottom cell using css and html.

This is what I have tried:
<table height="100%"> <td height="100%>

<table style="height:100%;"> <td style="height:100%;"

I would really appreciate any amount of help that you guys could give!
Igjoe
 
Reputation: 0
Posts: 124
Joined: Tue Jan 06, 2009 5:14 pm
Location: Minneapolis, MN
Highscores: 0
Arcade winning challenges: 0

Table problems - Sponsored results

Sponsored results

Login to get rid of ads

 

0

Loading

Re: Table problems

Postby Rangana » Fri Jan 16, 2009 11:35 am

Have you tried to make the "bottom cell" a different row instead?
Rangana
 
Reputation: 1
Posts: 935
Joined: Wed Feb 27, 2008 6:14 am
Location: Cebu City Philippines
Highscores: 0
Arcade winning challenges: 0
0

Loading

Re: Table problems

Postby Igjoe » Fri Jan 16, 2009 3:19 pm

Thanks for the response!

Yeah, the 3 cells on the right are all individual rows...

I think I might try restructuring the table so that they are all in the same table... but the left content text will be in a cell that has rowspan="3" that way I think everything will stay the same height. I will update wether or not it worked.
Igjoe
 
Reputation: 0
Posts: 124
Joined: Tue Jan 06, 2009 5:14 pm
Location: Minneapolis, MN
Highscores: 0
Arcade winning challenges: 0
0

Loading

Re: Table problems

Postby X Bumble » Fri Mar 06, 2009 8:31 pm

Create a fake column.

So what you do is to create the blue background you have on the right and put it into a graphic with the same amount of white (or whatever colour you have chosen) each side of it.

Make a thin horizontal portion of this graphic and save it as a gif.

I take it from your description above you have two cells in your main table. The left hand cell and then your second table in the right hand cell.

So what you do is to place your graphic you created as a background of the right hand cell in the main table and repeat it on the y-axis.

You'll need to measure the margins of the right hand cell (and set the table so it doesn't expand).

Remove your blue background from your second table and you will have a blue background running the whole depth.
X Bumble
 
Reputation: 0
Posts: 8
Joined: Tue Feb 17, 2009 1:31 am
Highscores: 0
Arcade winning challenges: 0
0

Loading

Re: Table problems

Postby Igjoe » Fri Mar 06, 2009 11:12 pm

Thanks, that's a great idea!
Igjoe
 
Reputation: 0
Posts: 124
Joined: Tue Jan 06, 2009 5:14 pm
Location: Minneapolis, MN
Highscores: 0
Arcade winning challenges: 0
0

Loading

Re: Table problems

Postby Yuhang » Fri Jul 03, 2009 9:26 pm

Thanks you X-Bumble

learn from you
Yuhang
 
Reputation: 0
Posts: 26
Joined: Fri Jul 03, 2009 9:08 pm
Highscores: 0
Arcade winning challenges: 0
^ Back to Top