homepage Welcome to WebmasterWorld Guest from 54.226.80.55
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderator: open

Site Graphics and Multimedia Design Forum

    
Mozilla's nasty habits
unwanted gaps around images in pixel perfect table layout
alexjc




msg:855472
 7:27 pm on Sep 2, 2001 (gmt 0)

If you're using a table for the layout of your page, and you have images in there, you might be in for a nasty surprise in Mozilla... it has a frustrating tendency of doing things nothing like what the CSS says.

Some of my tips to get rid of those gaps:


  • Force align=left for problematic images.
  • Set vspace="0"
  • Don't let your design rely on pixel perfect layout!

Any other tips welcome, i've got a few cases that these tricks can't fix.

 

mivox




msg:855473
 8:58 pm on Sep 2, 2001 (gmt 0)

I haven't done a "pixel perfect" layout in a while, just because it becomes such a hassle...

<big pain in the rear>
One thing I found, if you really want a perfect, complex table, is to make sure every single table cell has its height and width set to an exact pixel size, and create an 'extra' row 1 px high, and an 'extra' column 1 px wide... then place a clear gif in each of the 'extra' cells with it's width or height set to 1 px, and its second dimension set to exactly the width/height that row/column is supposed to be.
</big pain in the rear>

Creates miles of extra garbage code, and a huge hassle if the page ever needs to be changed, but it'll keep your table in place in every browser I ever tested it in.

But I think throwing away the idea of table-grid-pixel-perfect designs is a much less aggravating route to take... ;)

Marshall




msg:855474
 5:22 am on Sep 4, 2001 (gmt 0)

With Netscape, when you're placing an image in a data cell, the <td><img> and </td> all have to be on the same line in your HTML. If not - if you use the return/enter key between the three, Netscape sees it as a space and will add a gap equal to the default font setting. I found this out by accident. So try <td><img information></td> all on the same line and see if it corrects the problem.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved