Simple Question... I hope...

[Shanksta]

Hi Everyone -

Here is my situation and my problem:

I have a nice dynamic customers table, that shows all of the names, companies, etc. of my customers. Some cells have in them an image that represents something (ex. if a customer has an order pending, a shipping box shows up). At the right-most column I have an image which is a form input that when clicked goes to that customer's profile.

THE PROBLEM:

(2 parts)

It seems that the last form variable (the profile button) will never line up horizontally with the other image elements (all of which are 18px x 21px and all rows are 20px in height). It only shows up in FireFox, but not in Safari or IE6. I have tried valign in CSS and the html itself with no success. Is there any nice way to make it work with those 2 browsers?

Also it seems in IE and Safari that the rows always have a greater height than they should, once again in FireFix it is fine, any way to fix this too?

Thanks

 

[Shanksta]

Figured out both with 1 simple solution.

Made a class for image cells and form cells (...td form and ...td img).
Set the padding to 0 all around and margins to 0 all around.

I have 8 padding top and bottom with a col height of 18 so IE and Safari added 16 to that heigt when I had images!

Setting the margins to 0 seemed to have fixed the form images (which I tried setting to 0 padding all around first, with no luck). Don't know why this worked but hey... I like it!



Thanks, hope this helps somebody else!