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 7 of 7
  1. #1
    New Coder
    Join Date
    Oct 2011
    Posts
    20
    Thanks
    1
    Thanked 0 Times in 0 Posts

    problems with IE7

    does any one knows why on IE7 the menu under the logo pushed left?
    i need it to be aligned with the grey line under it.

    it works fine in chrome, FF and IE8 and above...

    www.guyka.com

    Thanks!

  • #2
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,519
    Thanks
    114
    Thanked 110 Times in 109 Posts
    Try using text-align:right; on the menu as well
    Last edited by timgolding; 02-07-2012 at 12:31 PM.
    You can not say you know how to do something, until you can teach it to someone else.

  • #3
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    Your page is applying a different css to IE7 and under via this conditional comment:

    Code:
      <!--[if lte IE 7]>
    <LINK REL=StyleSheet HREF="/templates/system/css/ie.css" TYPE="text/css" MEDIA=screen /> 
     <![endif]-->
    which contains:

    Code:
    #menu
    {width:500px;
    color:#525961;
    margin-right:53px;
    height:20px;
    float:right;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#e2e2e2;
    font-family:Arial;
    font-size:13pt;
    padding-bottom:0px;
    text-align:right ;
    padding-right:0;}
    as opposed to 5% in your normal css.

    Additonally, IE7 is applying a margin-right of 30pt to ul.menu - which I think is the browser default. Have a try adding:

    Code:
    ul.menu{margin:0} to your css.

  • #4
    New Coder
    Join Date
    Oct 2011
    Posts
    20
    Thanks
    1
    Thanked 0 Times in 0 Posts
    The thing is, that the #menu is sitting in place exactly where i want it. its list items that are pushed left for some reason. setting the margin to (0) moved it in the right direction, but didnt put it where i want it.
    it should go right on the beginning of the grey line. (which is the #menu div border-bottom line).

    any other ideas?


    Thanks for your time!!!

  • #5
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    What?

    The list items are pushed left in IE7 because the margin-right on #menu in IE7 from ie.css is 53px not 5% - make that change and it gets a bit better.

    Then you need to apply margin:0 to ul.menu, not #menu to remove the 30pt margin-right applied to this in IE7.

    If you make those changes then the menu does align with the grey line.

  • #6
    New Coder
    Join Date
    Oct 2011
    Posts
    20
    Thanks
    1
    Thanked 0 Times in 0 Posts

    didn't work

    Tried that change (margin:5% on the menu and adding the ul.menu (margin:0), but still, its not aligned.

  • #7
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    Have a try adding

    Code:
    .menu li{margin:0}
    as well.


  •  

    Posting Permissions

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