View Full Version : CSS spacing issue in FF

01-04-2007, 07:22 PM
I thought this was a common problem, but i've yet to find a solution.

I having some strange spacing issues in FF, there the div's like 10px or so apart, and i can't seem to resolve this issue. in IE it works fine.

screen shots:
http://irn.ca/screen-shot-FireFox.jpg < not displaying correctly.

http://irn.ca/screen-shot-IE.jpg < the display is correct in this shot.

any ideas would be great,, i'm really stuck on this one..
thanks in advance for your time!

01-04-2007, 07:25 PM
Got link? We can't help without seeing a link or the code to your page. We aren't psychic you know. I think you've been here long enough to know that you should post as much information as possible.

01-04-2007, 07:41 PM


thanks again,

01-04-2007, 07:57 PM
What is up with that table? No need for it. Remove the table and tr and td tags. You should be floating your left column.

Adding this to your CSS will fix your spacing problem

#head img, #footer img {
Changing this

width: 700px;
margin:0 0 0 0;
to this

width: 700px;
will center the container div WITHOUT the need for a table.

I suggest you take a look at this tutorial about floats

Divs will stack up on top of each other natually. You may want to check out this tutorial on lists as well as your menu could sure use one

Also don't use the align attribute. Its deprecated (old) and shouldn't be used anymore.

After fixing all of that stuff then validate your page: http://validator.w3.org

That will tell you all of your coding errors. As it is now you have a few.

Good luck.

01-04-2007, 08:29 PM
No offense, but when viewed in FF the site doesn't look all that bad with the "space". Just saying...

01-04-2007, 09:41 PM
_Aerospace_Eng_, u da man!!
I've been messing with this for a few days now, i knew it would be something simple, damn css.

also the table was only there for testing, i'll remove it now.

thanks so much!!!

also, scriptz, i knwo it doesn't look too bad,, but it brothers me to see stuff out of wack, I'd like to have it done correctly.

thanks again!