14 {{ upvoteCount | shortNum }}
14 {{ upvoteCount | shortNum }}

Website viewing differently in IE

by Commissioner
12 replies
  • WEB DESIGN
    • |
Hey guys i am having a bit of a problem, I am building a site for a friend and the menu bar isn't appearing in IE the way it is in every other browser. Here is the site. It's fine in firefox and google chrome. Anyone tell me what the problem is here.

Thanks
#differently #viewing #website
  • Profile picture of the author wevo
    I'm a mac user - but could you post a screenshot of your website from IE and the HTML + CSS Thanks!
    {{ DiscussionBoard.errors[2687226].message }}
    • Profile picture of the author Commissioner
      Here is a screenshot of the site in IE (see the difference in the menu bar compared to browsers like firefox, safari, google chrome)

      Here is the HTML Screenshot
      HERE is the CSS screenshot
      Second CSS screenshot
      {{ DiscussionBoard.errors[2687292].message }}
      • Profile picture of the author Eddieheli
        Without the source images and css files its hard to tell, but have you downloaded Firebug and Explorer developers toolbar

        These let you click on elements and see what divs and styles are being applied.
        It will probably be a float or padding problem in one of the divs or other elements.
        Signature

        Eddieheli -
        "Forget about all the reasons why something may not work. You only need to find one good reason why it will." ~ Dr. Robert Anthony

        {{ DiscussionBoard.errors[2687367].message }}
        • Profile picture of the author Commissioner
          Originally Posted by Eddieheli View Post

          Without the source images and css files its hard to tell, but have you downloaded Firebug and Explorer developers toolbar
          No haven't used those tools before, will definitely download them.

          Thanks
          {{ DiscussionBoard.errors[2687465].message }}
  • Profile picture of the author NickP
    the image menu_bg.jpg isn't rendering in ie. Might be how it's called in the css...will look real quick.
    Signature
    PPC Management

    Pay Per Call Advertising for local businesses.
    {{ DiscussionBoard.errors[2687499].message }}
    • Profile picture of the author Commissioner
      Yes I have most of the images in css but still dont' get why its fine in firefox, etc and not IE.
      {{ DiscussionBoard.errors[2687514].message }}
  • Profile picture of the author NickP
    welcome to the world of ie...it's quite common
    Signature
    PPC Management

    Pay Per Call Advertising for local businesses.
    {{ DiscussionBoard.errors[2687538].message }}
    • Profile picture of the author Commissioner
      damn, don't web designers just hate Explorer
      {{ DiscussionBoard.errors[2687551].message }}
  • Profile picture of the author NickP
    ok, try this, although this shouldn't be the issue, but:

    at line 29 in your css (#menu_wrap) add:
    margin: 0;

    that's the only thing different between header wrap and menu wrap. If it doesn't work, I can ask my programmer to take a look real quick.
    Signature
    PPC Management

    Pay Per Call Advertising for local businesses.
    {{ DiscussionBoard.errors[2687571].message }}
    • Profile picture of the author Commissioner
      Originally Posted by NickP View Post

      ok, try this, although this shouldn't be the issue, but:

      at line 29 in your css (#menu_wrap) add:
      margin: 0;

      that's the only thing different between header wrap and menu wrap. If it doesn't work, I can ask my programmer to take a look real quick.
      No tried adding the 0 margin to #menu_wrap but still the same in IE. Thanks for your help anyway. If you can ask your programmer what the problem might be i'd really appreciate that.

      Thanks alot!
      {{ DiscussionBoard.errors[2687630].message }}
  • Profile picture of the author NickP
    ok, he said to try clearing after the unordered list. You'll have to create a clear class and nest it before the closing div on the menu id.

    Hope that works for you. Sorry for the delay...I'm about to take off. Should look like:

    <div class="clear"></div>
    Signature
    PPC Management

    Pay Per Call Advertising for local businesses.
    {{ DiscussionBoard.errors[2687976].message }}
  • Profile picture of the author NickP
    ps, you'll need to define the clear class in you stylesheet. Do it as a class in case you need to clear anything else.
    Signature
    PPC Management

    Pay Per Call Advertising for local businesses.
    {{ DiscussionBoard.errors[2687982].message }}

Trending Topics