...

View Full Version : CSS spacing issue in FF



angst
01-04-2007, 06:22 PM
hello,
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!
-Ken

_Aerospace_Eng_
01-04-2007, 06: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.

angst
01-04-2007, 06:41 PM
Yes:

removed...

thanks again,
-Ken

_Aerospace_Eng_
01-04-2007, 06: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 {
display:block;
}
Changing this

#container{
width: 700px;
margin:0 0 0 0;
}
to this

#container{
width: 700px;
margin:auto;
}
will center the container div WITHOUT the need for a table.

I suggest you take a look at this tutorial about floats
http://css.maxdesign.com.au/floatutorial/

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
http://css.maxdesign.com.au/listutorial/

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.

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

angst
01-04-2007, 08: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!
-Ken



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum