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

    IE7 margin issue

    I was hoping to get some advice on a issue I am only seeing In IE7. I needed to create a new menu for this particular website so I used position:absolute within the header DIV. Basically what is happening is that this absolute positioned div is being pushed outside of the sites main wrapper.



    Please take a look at the top navigation on http://www.shapesbrowbar.com

    Thank you in advance

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

    Code:
    #header {
        background-color: #313131;
        height: 95px;
        padding: 0;
        width: 960px;
       position:relative
    }
    
    #top-nav {
        color: #FFFFFF;
        font-family: arial;
        font-size: 13px;
        /*margin-left: 470px;*/
        margin-top: 13px;
        position: absolute;
        right: 43px;
    }
    Setting position:relative on #header sets the starting point for the absolute positioning consistently for all browsers.

  • Users who have thanked SB65 for this post:

    xpdesigns (12-02-2011)

  • #3
    New Coder
    Join Date
    May 2011
    Posts
    14
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Thank you so much for this code.. It seems to work great for the top menu I created.. For some reason it is still however breaking my social-media roll over div that is positioned to the right of the top-nav..

    It works fine in everything but IE7

    shapesbrowbar.com

    Thank you again for any advice


  •  

    Tags for this Thread

    Posting Permissions

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