1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

CSS Position Absolute IE fix?

Discussion in 'HTML & JavaScript' started by altschule, Sep 6, 2011.

  1. altschule

    altschule Regular Member

    Joined:
    Sep 1, 2010
    Messages:
    282
    Likes Received:
    185
    Location:
    Sector 9
    I've just finished coding my business' new site from the ground up in notepad and I've got a problem in IE that I can't seem to figure out what is going on.

    Code:
    #conHead #navi {
    	position: absolute;
    	right: 10px;
    	top: 120px;
    	width: auto;
    	
    	padding:0;
    	margin:0;
    	
    }
    Works great in Firefox and chrome, it's got a 10px margin from the right of my container (conHead) and it's 120px from the top of it. IE seems to want to center it right in the middle of my container (conHead) so it spaces the navigation out and in turn it overlaps my logo. Could it have something to do with my list styling for my nav perhaps? I can't find anything on this around the goog. Thanks fellas.

    Code:
    #navlist
    {
    padding: 0 1px 1px;
    margin-left: 0;
    font: 19px 'MyriadWebProRegular', sand-serif;
    text-align:center;
    height: 35px;
    }
    
    #navlist li
    {
    color:#fff;
    width: 130px;
    height: 35px;
    list-style: none;
    margin: 0;
    display: inline;
    text-align: center;
    
    }
    
    #navlist li a
    {
    color:#fff;
    width: 130px;
    height: 35px;
    padding: 8px;
    background-image: url('images/btn_bg.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    text-decoration: none;
    text-align: center;
    }
     
  2. xenon2010

    xenon2010 Regular Member

    Joined:
    Apr 27, 2010
    Messages:
    231
    Likes Received:
    48
    Occupation:
    web and desktop apps programmer
    Location:
    prison
    Home Page:
    hmm, I'm not sure but perhaps you need to do the following:

    #conHead #navi {
    position: absolute;
    width: auto;

    padding:0;
    margin-right: 10px;
    margin-top: 120px;
    }

    can you post the HTML?