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
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Big Problem with CSS in IE - please help

    I have been searching for a solution for a long time, but can't seem to figure out how to fix this. Of course it works great in Firefox, but Internet Explorer is not displaying my site correctly.

    The site is www.utahfishinginfo.com

    The ads and css dropdown menus are being displayed underneath the main content text in IE. It looks fine in Firefox.

    I've been trying to fix this for weeks and my users are sending me hate email now. :-) Can anyone help?

    The stylesheet is located at:

    http://www.utahfishinginfo.com/fishinginfo.css

    Thanks in advance.

    Kevin

  • #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
    You need to validate your code.

    See here.

    and here.

    Frank
    Last edited by effpeetee; 07-17-2008 at 08:15 AM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the links to the validator. Ok, I now have 0 validation errors for the html, and the css has a couple insignificant warnings.

    That actually did fix a float problem with the navigation column of links in the middle-left of the page.

    However, the worst problem is still there -- the fact that the ad column on the right side is overlapping the main content.

    Basically, the main content is overrunning the ads on the right. The main center div with the content (the div id='main') is supposed to be fluid, but fixed between the right and left columns. View the page in Firefox to see what I mean.

    For some reason, IE is not displaying it like that.

    html: www.utahfishinginfo.com

    css: www.utahfishinginfo.com/fishinginfo.css
    www.utahfishinginfo.com/iestyles.css


    Help??

    Thanks!

    Kevin

  • #4
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Update:

    I managed to figure out and fix the ad overlay issue.

    The one last problem I now have (again, only in IE) is that the CSS dropdown menus are being displayed underneath the main content, making them mostly unusable.

    Any ideas?
    Thanks in advance.

  • #5
    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
    Quote Originally Posted by utahfishinginfo View Post
    Update:

    I managed to figure out and fix the ad overlay issue.

    The one last problem I now have (again, only in IE) is that the CSS dropdown menus are being displayed underneath the main content, making them mostly unusable.

    Any ideas?
    Thanks in advance.
    Have you tried using z-index to set the various layers in order of preference.

    Check here for info.

    Note: Z-index only works on elements that have been positioned (eg position:absolute; position:relative!



    Frank
    Last edited by effpeetee; 07-18-2008 at 10:26 AM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,802
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    #main-buttons
    {
    padding-top:1.1em;
    max-width:225px;

    }
    IE can't recognise max-width property, so you need to add some work around like
    * html #main-buttons{ /* for stupid IE*/
    width:225px;
    }
    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
    •