The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

[resolved] NextGen Gallery: ngg-navigation absolute positioning problem in IE7 (3 posts)

  1. heriz
    Posted 7 years ago #

    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.


    .ngg-galleryoverview {
            height: 400px;
            position: relative;
            left: 0px;
    	width: 100%;
    	overflow: hidden;
    	margin: 0;
    	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...

  2. heriz
    Posted 7 years ago #

    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.

  3. heriz
    Posted 7 years ago #

    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.


Topic Closed

This topic has been closed to new replies.

About this Topic