Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Senior Coder angst's Avatar
    Join Date
    Apr 2004
    Location
    Toronto, Ontario
    Posts
    2,114
    Thanks
    15
    Thanked 122 Times in 122 Posts

    CSS spacing issue in FF

    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

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Senior Coder angst's Avatar
    Join Date
    Apr 2004
    Location
    Toronto, Ontario
    Posts
    2,114
    Thanks
    15
    Thanked 122 Times in 122 Posts
    Yes:

    removed...

    thanks again,
    -Ken
    Last edited by angst; 01-04-2007 at 09:45 PM.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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
    Code:
    #head img, #footer img {
    display:block;
    }
    Changing this
    Code:
    #container{
    	width: 700px;
    	margin:0 0 0 0;
    }
    to this
    Code:
    #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.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    Regular Coder Troy297's Avatar
    Join Date
    Oct 2006
    Location
    Earth
    Posts
    314
    Thanks
    10
    Thanked 0 Times in 0 Posts
    No offense, but when viewed in FF the site doesn't look all that bad with the "space". Just saying...
    Everyone hears what you say, friends listen to what you say, best friends listen to what you don't say.
    Radio DJ Panel v3 - It's Here!

  • #6
    Senior Coder angst's Avatar
    Join Date
    Apr 2004
    Location
    Toronto, Ontario
    Posts
    2,114
    Thanks
    15
    Thanked 122 Times in 122 Posts
    _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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •