WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] NextGen Gallery: ngg-navigation absolute positioning problem in IE7

[Resolved] NextGen Gallery: ngg-navigation absolute positioning problem in IE7

  • Hi there,

    This is driving me up the wall – and I’m sure it’s a known issue with contained, absolutely positioned divs in IE7 but I can’t for the life of me sort it.

    I am using the gallery on this site (just on the cusp of going live).

    The navigation at the bottom is centrally-positioned and working nicely in Firefox, IE6, Safari etc. But in IE7 the div it’s contained in is pushed over to the right, so the nav is lost.

    CSS:

    .ngg-galleryoverview {
            height: 400px;
            position: relative;
            left: 0px;
    	width: 100%;
    	overflow: hidden;
    	margin: 0;
    	clear:both;
    	display:block !important;
    }
    
    .ngg-navigation {
    	margin-left: auto;
    	margin-right: auto;
    	position: absolute;
    	height: 20px;
    	width: 100%;
    	bottom: 2px;
    	font-size:0.9em !important;
    	clear:both !important;
    	text-align: center;
    
    }

    Any ideas about how to fix this? Is it a Holly hack situation? It’s a nightmare…

Viewing 2 replies - 1 through 2 (of 2 total)
  • In fact it’s weirder than that – the navigation div starts wherever the last thumbnail ends – but it’s not following on inline

    So I guess it could be a clearing issue?

    Either way it doesn’t look related to WordPress enough to warrant being here. Sorry. I’ll have to look elsewhere for an IE fix of this sort.

    As usual, something about posting on this forum conjures up the solution without anyone actually saying anything

    I just needed to define the left position of the absolute-positioned div.

    Idiot

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Resolved] NextGen Gallery: ngg-navigation absolute positioning problem in IE7’ is closed to new replies.