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 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Dec 2007
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Internet Explorer Hack

    Ugh... another fight with this and I don't know how to fix it.

    Page display in FireFox:

    http://i30.tinypic.com/2rh31hj.jpg

    Page display in IE:

    http://i29.tinypic.com/oi9btg.jpg

    That's IE6 btw.

    Here's the code:

    Code:
    #top {
    margin-left: 650px;
    margin-top: 200px;
    vertical-align:top;
    border: 0px;
    background-color: transparent;
    height: 527px;
    width: 49px;
    }
    And here's how it's used in the HTML:

    Code:
    <div id="top">
    <img src="images/test.gif" width=49 height=527> 
    </div>

  • #2
    Regular Coder BabyJack's Avatar
    Join Date
    Apr 2008
    Location
    Somewhere.
    Posts
    602
    Thanks
    43
    Thanked 6 Times in 6 Posts
    Em, I'm not quite sure but you might have to scour the web for the hack that uses a different stylesheet for each browser. Mabeys someone will know it but I forgot it
    Enlightenment in Coding
    Validate before Posting | Google is your friend for PC Problems | Make sure you have a doctype

  • #3
    Regular Coder
    Join Date
    Oct 2007
    Posts
    277
    Thanks
    2
    Thanked 4 Times in 4 Posts
    use this code:
    Code:
    <!--[if IE 7]><link rel="stylesheet" type="text/css" href="Your IE Style Sheet.css" /><![endif]-->
    I can't remember what to use for FF

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Change your doctype to
    Code:
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    And rectify all markup errors, see http://validator.w3.org/check?uri=ht...Inline&group=0
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    abduraooft ,
    Off topic, how did you know about the OP's page, when he has'nt given any link yet?
    ....rather 2 comparison images.
    Learn how to javascript at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph

  • #6
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Quote Originally Posted by rangana View Post
    abduraooft ,
    Off topic, how did you know about the OP's page, when he has'nt given any link yet?
    ....rather 2 comparison images.
    URL is visible in the screenshots would be my guess

    Drew

  • Users who have thanked FWDrew for this post:

    rangana (05-09-2008)

  • #7
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    Quote Originally Posted by FWDrew View Post
    URL is visible in the screenshots would be my guess

    Drew
    Oh yes, I should have been much more observant
    Learn how to javascript at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph

  • #8
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Nah, I am just having a good day

    Drew

  • #9
    New to the CF scene
    Join Date
    Dec 2007
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks for the help so far guys. It now validates, but still is not working in IE6. :|

    I guess if no one has any other ideas, I'll just use a custom stylesheet without the sidebar tonight.

    You know, I finally understand why every web designer I talk to hates IE more than anything.

  • #10
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Quote Originally Posted by Volsfan91 View Post
    You know, I finally understand why every web designer I talk to hates IE more than anything.
    Not quite true. I love IE, especially version 6 for it's ability to recongnise various hacks

    Now, in your case, you can't simply blame IE.
    Remove all overflow:hidden; properties, as this is not the right way to hide the problems in your layout.

    Then try to apply a border around your container, say border:1px solid #fff;
    and see where your container resides.

    Also, don't apply position:abosolute; or even floats to an element unless you know the exact purposes and side effects.

    I'd recommend to adopt a standard layout like http://bonrouge.com/2c-hf-fixed.php and modify (without touching the basic structure) for your needs.

    Good luck.
    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
    •