WordPress.org

1. heriz
   Member
   Posted 8 months 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.

   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...

2. heriz
   Member
   Posted 8 months 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
   Member
   Posted 8 months 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.

   Idiot

Reply

You must log in to post.