SParker1

I can't seem to get rid of the extra few pixels of white space at the bottom of each table cell that contains an image. The page displays how I want it in Firefox: http://i20.photobucket.com/albums/b243/parsophie/firefox_page.jpg
but the problem only occurs in IE: http://i20.photobucket.com/albums/b243/parsophie/ie_page.jpg

I have tried adjusting heights, padding, margins etc. values, but I haven't found a solution.
Has anyone had a similar problem and/or could help me
Thanks


Re: Internet Explorer Web Development BUG in IE7 HTML table implementation

DavidP5

This looks like a bug in the microsoft implementation of HTML table formatting. Firefox seems to have implemented this properly, but IE7 hasn't. Am I right, or what



Re: Internet Explorer Web Development BUG in IE7 HTML table implementation

Mathieu Perceau

Have you tried to add in the style parameter of your table "border-style:none; border-spacing:0px;" , and if the client is using IE: "border-collapse: collapse;"

--
Mathieu Perceau




Re: Internet Explorer Web Development BUG in IE7 HTML table implementation

SParker1

Thanks, I hadn't tried that, but it didn't solve my problem unfortunately. Any other ideas




Re: Internet Explorer Web Development BUG in IE7 HTML table implementation

toadvine

I actually had a similar problem with tables in IE6. The solution, strangely enough, was to remove all of the spaces between table-related tags. (for example "<tr><td> table contents </td></tr>" instead of "<tr> <td> table contents </td> </tr>") I'm not sure why, but these seemed to be interfering with the tables structure.




Re: Internet Explorer Web Development BUG in IE7 HTML table implementation

drumz

I have solved similar problems this way too. So now I always end my td's right after the last image or text.



Re: Internet Explorer Web Development BUG in IE7 HTML table implementation

SParker1

Yes, that solved it. Thanks! :)



Re: Internet Explorer Web Development BUG in IE7 HTML table implementation

toadvine

No problem, glad to be of help.




Re: Internet Explorer Web Development BUG in IE7 HTML table implementation

Moooink

wow, i've been looking all over for this solution. thanks. seems ridiculous!




Re: Internet Explorer Web Development BUG in IE7 HTML table implementation

FooManChu55

border-collapse: collapse;

Worked well for me. I was creating the page using DOM and using the IE Inspector. There were no spaces anywhere.




Re: Internet Explorer Web Development BUG in IE7 HTML table implementation

james_monks

toadvine wrote:
I actually had a similar problem with tables in IE6. The solution, strangely enough, was to remove all of the spaces between table-related tags. (for example "<tr><td> table contents </td></tr>" instead of "<tr> <td> table contents </td> </tr>") I'm not sure why, but these seemed to be interfering with the tables structure.

Dear me I've done some of the most ridiculous work-arounds for this, it never even occurred to me that it'd be something so stupidly simple!
Cheers.