Silly little gap

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
patch2112
Forum Commoner
Posts: 86
Joined: Sun Oct 31, 2004 9:44 am
Location: London

Silly little gap

Post 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
User avatar
Wayne
Forum Contributor
Posts: 339
Joined: Wed Jun 05, 2002 10:59 am

Post 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.
patch2112
Forum Commoner
Posts: 86
Joined: Sun Oct 31, 2004 9:44 am
Location: London

thanks

Post 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
patch2112
Forum Commoner
Posts: 86
Joined: Sun Oct 31, 2004 9:44 am
Location: London

Solved

Post 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
Post Reply