Click to See Complete Forum and Search --> : Basic question about tables and table cells


noslenwerd
04-10-2009, 03:45 PM
Its been a long time since i have made a website using tables. I like using css layout. Also I did not design this, but am in charge of laying it out. Anyways two quick questions.

1. when I open the page in IE i get a super thin line between the header and content, but i do not in firefox. How can i fix this?

2. I forget how I can anchor the blue footer image in the body section, to the bottom of the cell?

Here is my code


<TABLE ALIGN="center" BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=889px>
<TR VALIGN="middle" width=889px height=344px>
<TD><img src="images/header.jpg"></TD>
</TR>
<TR>
<TABLE ALIGN="center" BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=889px>
<TR>
<TD width=158px height=300px BGCOLOR="#01673f" VALIGN="top">testing side menu bar</TD>
<TD width=731px>testing content area<p><img src="images/bluefooter.jpg"</TD>
<TR>
</TABLE>
</TR>
</TABLE>


and link to test site

Test Site (http://www.vismarkgroup.com/dev/bouvy/)

Thanks ahead of time!

Gararion
04-10-2009, 04:18 PM
Question 2 ~ in the last row you have, you could add two more cells. In the first, you could continue your green background like the cell above (nav cell) or leave it empty.

In the second cell, you's insert your image lik normal. this way the image would always be at the bottem of the page.

Question 1 ~ When I was working on a book page, i also found this error a lot. one way around it I found was to reduce the size of certian cells by a pixel. Took a little trial and error. In the end, I gave up and used the div feature to set up the book the same way I would have done in table, but this way required no reducing of cell sizes. Far easier and less trail and error.

Gararion
04-10-2009, 04:23 PM
I think something like this would work for you, for the image alignment.

<TR>
<TABLE ALIGN="center" BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=889px>
<TR>
<TD width=158px height=300px BGCOLOR="#01673f" VALIGN="top">testing side menu bar</TD>
<TD width=731px>testing content area</TD>
</TR>
<TR>
<TD bgcolor="#01673f" colspan="2" align="right"><img src="images/bluefooter.jpg" /></TD>
</TR>

</TABLE>
</TR>
</TABLE>

noslenwerd
04-12-2009, 08:39 PM
cool thanks so much gararion, ill give it a shot :)