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
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Spacing problem in Firefox

    Hello all,

    I am having an issue with Firefox on the page http://www.soldbyrandyholman.com

    There is a blank space right above the buttons . I have tried using divs and a table layout and neither seem to work. I have tried using 0 margin and 0 padding on all of the elements that I could think of. I am not having this issue in IE6. If anybody could assist me it would be much appreciated.

    Thanks

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello taris_kah,
    It looks like you have a div called #header but no styling for it. Add
    Code:
    #header  {
    height: 266px;
    width: 800px;
    margin: 0px;
    padding: 0px;
    }
    to your CSS and see if that doesn't help.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks Excavator,

    One step closer. That did fix it in FireFox and now I feel a bit silly that I missed that . Now however, once I set any height for the header div the white space starts appearing in IE . Any way to hack this in IE?

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    I'm running into a lot of things that only people with IE6 can see. I can see I'm going to have to look into running both versions 6 and 7.

    It looks fine here on Vista with FF2 and IE7
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Spacing problem in IE6

    If you get IE6 installed and find anything let me know. Since I added the CSS attributes to the header div it always has that space in IE6 even if I go back and delete the attributes. Kind of screwy, what do you expect from IE6 though .

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hi again taris-kah,
    I have IE6 on my wifes XP box so I took a quick peak over there... it looks like when you take the line
    Code:
     background: #fbfbfb url(../images/inner_grad.png) repeat-x top;
    out of <div id="nav"> your white space disapears.
    I didn't mess around with it much but you should be able to style the nav img with text-decoration: none; or margin/padding 0 ... something like that will get rid of the space and let you keep the .png
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

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