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

    desperate for some help.

    hello, i am relatively new to css and web development.

    I am building a site www.erashowcaseweb.com

    the problem is my nav bar works great in firefox and ie 8 but not ie 7.

    unfortunately my boss wants it to work in ie 7 as well.

    when i edit this code

    #menu-default-menu {
    position: relative;
    top: -80px !important;
    left: 0pxpx;
    padding: 0 0 0 30px;

    when i change it to 0px on the top attribute. it fixes it in ie 7 and breaks it in ie8 , firefox, chrome.

    here is a link to the stylesheet.

    http://erashowcaseweb.com/wp-content...ress/style.css

    Thank you for any help at all.

    -Taco

  • #2
    New Coder
    Join Date
    Jun 2011
    Location
    Denver, CO
    Posts
    23
    Thanks
    0
    Thanked 7 Times in 7 Posts
    The official way: make a different CSS statement within an <!--[if IE 7]> ... <![endif]--> condition. However, I have seen a lot of people using small hacks on their stylesheets when there are only a few problems. For IE7, you can use the "*" hack, so your code would look like this:

    Code:
    #menu-default-menu {
    position: relative;
    top: -80px !important;
    *top: 0; //IE7 hack
    left: 0pxpx;
    padding: 0 0 0 30px;
    Some people swear by these, some people avoid them like the plague.

    By the way, show this to your boss and see if he still wants to spend time and money fine tuning his site for old browsers: http://googleenterprise.blogspot.com...-browsers.html

  • Users who have thanked spencerr3 for this post:

    taconight (06-10-2011)

  • #3
    New to the CF scene
    Join Date
    Jun 2011
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    i tried the *top: 0px;

    no change.

  • #4
    New to the CF scene
    Join Date
    Jun 2011
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    apparently everything in ie needs an !important for it to work.

    *top: 0px !important;

    seemed to fix it.

    Thanked!
    Last edited by taconight; 06-10-2011 at 07:35 PM.


  •  

    Posting Permissions

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