Looks fine in other browsers, but misaligned in Firefox.

I've a site I'm developing:http://www.girlscoutsmoheartland.org...ment/index.php
and in IE7 and Google Chrome it looks fine, but in Firefox 3 some of the cells are mis-sized and out of place causing odd gaps.
Any ideas what I should be looking at? I have constrained sizes on images and exact pixel placement on CSS elements, and tables with cellspacing and cellpadding set to 0.
Thanks for any suggestions!
-Liam

Don't see the problem

Hi - I was just about to post a similar problem and saw yours. Perhaps its browser version differences between you and me but I don't see any difference in your hompage on FF 3.0.4 and IE 7. Did you find the error and fix it before I viewed it just now?

I have 3.0.4 as well, and no, no fix. It's still messed up in FF for me.
I just deleted all my cache and data and reloaded FF, and it's still messed up.
Weird.

It looks fine for me, as well, in Firefox 3.
-mike





__________________Limestone Networks - Dedicated Server Hosting
Premium Network - 24/7/365 Support - Dual Intel Xeon Servers Now Available
Dallas Datacenter - Fully Routed Backend Networkhttp://www.limestonenetworks.com 1-877-586-0555

Quote:



Originally Posted by Mike - Limestone


It looks fine for me, as well, in Firefox 3.
-mike


I checked it in Firefox 3.0.4, K-Melon and Chrome. It looked the same and just fine in all three.





__________________Everyone is entitled to MY opinion.CatfishEd.com

Looks misaligned on mine in firefox v3.0.4
Good in IE.

OK, this is screwey. How can some FF 3.0.4 have the problem and others don't? Unless it's the OS. I'm using Win XP Pro, SP3.
Anyone else?
I also disabled ALL of my plug-ins, thinking maybe one of them was interacting with the site...but it's still doing it.
I passed the code through W3C validators, and no errors or warnings.
Well, thanks for the replies.

I would check your code for extra whitespaces, as there is clearly a split between the top and main parts in Firefox (3.0.4 here as well). Also, "Other Useful Links" text is down a bit further in Firefox (about 10-15 pixels roughly).





__________________LCWSoft - Canadian web hosting (based in Newfoundland)Uptime Report
lawrencewilliams (at) lcwsoft.com

This looks like you have sliced the images using Photoshop and created the html corresponding to it using PS. While using PS there are lots chances for the spacer images to interfere.
Can you please check for the images/spacer.gif, that might be creating the issue.





__________________Dedicated Servers - sales@hivelocity.net - 1-888-869-HOST(4678)Viva Hivelocity "THE SERVER STUD" - Award Winning Hosting
Managed Dedicated Servers. Reseller Discounts. 24/7 Impressive Tech Support.

Quote:



Originally Posted by larwilliams


I would check your code for extra whitespaces, as there is clearly a split between the top and main parts in Firefox (3.0.4 here as well). Also, "Other Useful Links" text is down a bit further in Firefox (about 10-15 pixels roughly).


Ah-ha! You found it!
If I remove the textfield and button off the bottom of that top-right menu, it all goes back to looking fine.
I need to either place that search field somewhere else...or, change it's height to 10px.
That works. Except, on the button, you can't read the "Submit" if I make it 10px, so I just took out one of the less needed links.
Thanks for the help!!
(It's still curious why some FF 3.0.4 saw it fine and others didn't.)

Quote:



Originally Posted by davlamp


This looks like you have sliced the images using Photoshop and created the html corresponding to it using PS. While using PS there are lots chances for the spacer images to interfere.
Can you please check for the images/spacer.gif, that might be creating the issue.


Thanks for the reply. Actually, I used Fireworks to create the page images and layout and then Dreamweaver to finish the code and insert content.
But yeah, same final result: tables and spacers. Not my favorite, but I needed to get a new site developed fast and that was the fastest way I could think of to create the new site with the appearance we want.
Anyway, as another poster noticed, a cell's too much content was making it bigger that the layout could deal with.
Why it only affected some FF browsers and not others, I dunno.
But I altered the content of the cell and it's looking OK again.

Good to see that its looking Okay now !





__________________Dedicated Servers - sales@hivelocity.net - 1-888-869-HOST(4678)Viva Hivelocity "THE SERVER STUD" - Award Winning Hosting
Managed Dedicated Servers. Reseller Discounts. 24/7 Impressive Tech Support.