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 8 of 8
  1. #1
    New to the CF scene
    Join Date
    Feb 2008
    Posts
    3
    Thanks
    3
    Thanked 0 Times in 0 Posts

    extra spacing in IE6

    Does anybody know why I'm getting extra space above the word "middle" in IE6 but not Firefox at http://www.sharpedgestudio.com/extra...esround01.html ? I'd like it to display the way it does in firefox.

    Thanks

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    try putting this in your css

    Code:
    *{
    padding:0px;
    margin:0px;
    }

  • #3
    New to the CF scene
    Join Date
    Feb 2008
    Posts
    3
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by jcdevelopment View Post
    try putting this in your css

    Code:
    *{
    padding:0px;
    margin:0px;
    }
    O.K. I just tried that but the extra space is there still. Thanks anyway.

  • #4
    Regular Coder
    Join Date
    Jan 2008
    Location
    Willow Grove, PA
    Posts
    169
    Thanks
    1
    Thanked 27 Times in 27 Posts
    Try this:

    Code:
    <!--[if lt IE 7]>
    <style type="text/css">
    .toptest {
        overflow: hidden;
    }
    </style>
    <![endif]-->
    This will only apply the style to IE6.
    Last edited by sobrien79; 02-25-2008 at 08:33 PM. Reason: added missing style tags. thanks jcdevelopment!

  • Users who have thanked sobrien79 for this post:

    sharpedge (02-25-2008)

  • #5
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    Quote Originally Posted by sobrien79 View Post
    Try this:

    Code:
    <!--[if lt IE 7]>
    .toptest {
        overflow: hidden;
    }
    <![endif]-->
    This will only apply the style to IE6.
    ahhh, good call, does that also need to be in a seperate style, like

    Code:
    <!--[if lt IE 7]>
    
    <style type="text/css">
    .toptest {
        overflow: hidden;
    }
    </style>
    <![endif]-->
    i dont mean to confuse any one, i was just wondering?

  • Users who have thanked jcdevelopment for this post:

    sharpedge (02-25-2008)

  • #6
    Regular Coder
    Join Date
    Jan 2008
    Location
    Willow Grove, PA
    Posts
    169
    Thanks
    1
    Thanked 27 Times in 27 Posts
    Yup, you're right. I meant to throw that in there. The IE conditional tags are considered like normal comment tags and need to be outside of the style and script tags.

  • #7
    New to the CF scene
    Join Date
    Feb 2008
    Posts
    3
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Thanks so much guys! Overflow:hidden was what I needed. I'm not sure if I need to do it specifically for IE6 and less, but it is great to know how. I don't have IE7 installed so I'm going to do a browser screenshot test for IE7. I'm just curious, but is there something I'm doing wrong in the first place that is making it overflow, or is it just something weird about IE?

    Thanks again!

  • #8
    Regular Coder
    Join Date
    Jan 2008
    Location
    Willow Grove, PA
    Posts
    169
    Thanks
    1
    Thanked 27 Times in 27 Posts
    It's not you. I haven't been able to figure out what is causing it. I've only seen it in IE6 so far. Even using a strict doctype gives me the issue.

  • Users who have thanked sobrien79 for this post:

    sharpedge (02-25-2008)


  •  

    Posting Permissions

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