[Skip to the main content] Welcome to Daigo’s Daily Digital Diorama. I blog about Baseball, Judo, Jazz, Linux, Design and on being a dad.

  • Get Firefox!
« So the new bullpen guy
Speaking of Mozilla 1.4, here »

Sliced table, sliced image

I’ve been doing some freelance web design work and I forgot how annoying table based web design was. I had to spend about three hours today just get rid of space between the table cells in Mozilla based browsers.

Before:

After:

Problem: There is a tiny tiny gap between your sliced images (vertically) and it drove me nuts!!

Solution:

  1. Put align=”bottom” in your <tr> tag
  2. Put style=”vertical-align:bottom” in the img tag
  3. Can’t have any spaces in the code either. So turn on invisible in your html editor and delete
  4. Even some returns are problem (…I think… I couldn’t tell.. I had to change lots to get it work.)

How many times today I almost said “Well, more than 80% of people will be using Internet Explorer….” but glad I figured it out. I rarely boot my Win 2000 test machine and I hear Microsoft is no longer supporting IE for Mac. Besides, I am a linux user anyway…

I just looked at it in different browsers, and it is very interesting.
It looks like on Mozilla 1.4 on Linux or Win2K, this problem is fixed. Which means (guessing) it is fixed in the new Netscape 7.1. Fine in Safari1.0(v85) and IE5.2 on Mac OS X.
Still a problem in Camino 0.7 which is based on Mozilla 1.2.x (not good), and most interestingly NOT good in Win2K running IE 6.0. AGHHHHH!

This entry was posted on Thursday, July 10th, 2003 at 07/10/2003 @ 6:00 pm and is filed under Linux, Mac, and LAMP Open Source. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

Comments are closed.