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 5 of 5
  1. #1
    New Coder
    Join Date
    Sep 2007
    Posts
    16
    Thanks
    2
    Thanked 0 Times in 0 Posts

    IE6 Extra vertical space between divs - HELP!

    Your help is much appreciated. I just can't figure this out....

    Here is the page so you can view my source code:
    http://www.haveyoufoundit.com/mckinn...s/testing.html

    In IE 7, Firefox, etc.. it looks fine. IE6 there's extra space that pushes the logo/navigation down and forces the header background to repeat vertically. I need to remove the space between the divs (I believe its a padding issue with the gray search bar). If I remove the padding, it works perfectly in IE6, but then it's all screwy in IE7 and FF.

    How can I fix this? As you can see from my code, I've got quite a mess as I've tried a million ways to fix it. It's probably something simple, but I just don't know.

    I've already missed my deadline and I'm scrambling for a solution!
    Last edited by lsterling03; 09-17-2007 at 06:11 PM.

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    http://validator.w3.org/#validate_by_uri+with_options

    Validate your code here.

    It gives 18 errors html . Among them is a note that xhtml tags must be in lower-case. 'get' NOT 'GET' line 150 I think.

    Also if you use & in the name of a company, it should be coded as &
    In xhtml finishing '>' is coded as /> that is 'space/>'
    Frank

    CSS checks OK
    Last edited by effpeetee; 09-17-2007 at 07:32 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • Users who have thanked effpeetee for this post:

    lsterling03 (09-17-2007)

  • #3
    New Coder
    Join Date
    Sep 2007
    Posts
    16
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thank you. Yes, that was just a test page, so I didn't have all my html code perfect. However, even after fixing those validation errors, it didn't change my problem. I did eventually find a way to do an IE6 hack in my css. I don't know if that's the best method, but it worked. I used * html to set different padding for IE6.

    Thanks for responding!

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    I think that with IE6, hacking is the only way out.

    Glad you got it sorted.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    This might be the space of <form> element.
    So Add
    Code:
    *{
    margin:0;
    padding:0;
    }
    in your CSS, which will remove all default margins and paddings from all you elements.(* => universal selector)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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