Page 1 of 1

Silly little gap

Posted: Thu Jun 02, 2005 4:13 am
by patch2112
Hello all,

I've got a really simple page design (tables and CSS), but I'm getting a little gap between the picture on the bottom left and the bar accross the bottom. It doesn't appear in FF, only IE. I can't seem to get rid of it, any ideas?

Image

Page in Question
http://www.aviaryproperties.co.uk/new/test.html

CSS
http://www.aviaryproperties.co.uk/style.css

Thanks in advance!
Philip

Posted: Thu Jun 02, 2005 5:32 am
by Wayne
For starters your image has a height of 172 and the next column you have set the height to 175?

Could be a number of things, but I would start there.

thanks

Posted: Thu Jun 02, 2005 5:40 am
by patch2112
Thanks for helping Wayne,

The image height is actually 129, it was the width that was 172, but I have it set to align to the bottom of the td, so I wouldn't think it would mattered. Also, this table has 2 columns and 2 rows, the two columns match in height, but each row isn't equal. The idea is to have the bottom bar push down the page as each column gets taller.

The real hassle is coming in with the little notch on the top right of the bottom bar, which requires me to slice the bottom bar into 2 pieces.

Any other ideas?

Thanks again,
Philip

Solved

Posted: Thu Jun 02, 2005 6:46 am
by patch2112
I solved it (finally)

I put the column in question into it's own table and copied just that table into a new document. I took out all css and the problem was still there, so I tried cleaning up the whitespace in the code, and that got it...

This...

Code: Select all

<td height=&quote;229&quote; valign=&quote;bottom&quote; class=&quote;sideBarBottom&quote;><img src=&quote;../images/pr_photo.jpg&quote; width=&quote;171&quote; height=&quote;229&quote;> 
                  </td>
Should have been this...

Code: Select all

<td height=&quote;229&quote; valign=&quote;bottom&quote; class=&quote;sideBarBottom&quote;><img src=&quote;../images/pr_photo.jpg&quote; width=&quote;171&quote; height=&quote;229&quote;></td>
Philip