IE not positioning porperly

notsean

Joined: 2009-10-27
Posts: 5
Posted: Wed, 2009-10-28 00:59

The gallery positions and renders fonts properly. IE 6 & 7 do not.

Here is what it looks like in Firefox

When the site is opened in IE it look like this. Note that the gallery area is pushed up, the background is dark, and the fonts are larger.

Where this gets real interesting is when I opened a saved version from firefox in IE.It looks fine (ok the fonts aren't included, but ignore that for the moment).

The only difference in ANY of the site files (that I can find) is that in the firefox version, the gallery is held in <div id="gallery" class="gecko">, whereas in IE it is contained in <div id="gallery" class="IE">

The solution may be to compare the two versions of "gallery", but I can't find where those CSS values are stored. Or is it a setting buried in a tpl, or elsewhere?


Gallery URL = http://scottconnery.com/files/LSC/gallery2embedded.php?g2_itemId=14
Gallery version = 2.3 core 1.3.0
API = Core 7.54, Module 3.9, Theme 2.6, Embed 1.5
PHP version = 4.4.9 apache
Webserver = NOYB
Database = mysqlt 5.0.51-log, lock.system=flock
Toolkits = ArchiveUpload, Exif, Gd
Acceleration = none, none
Operating system = FreeBSD web02.rcahost.net 6.2-RELEASE-p12 FreeBSD 6.2-RELEASE-p12 #0: Thu Jul 10 23:50:23 CDT 2008

:/usr/obj/usr/src/sys/web02 i386
 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16501
Posted: Wed, 2009-10-28 03:23

Looks fine to me in standalone so I can only think it has something to do with your embedding.

Try the embed-o-rator:
http://www.flashyourweb.com/staticpages/index.php?page=gallery2_embed-o-rator
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here
 
notsean

Joined: 2009-10-27
Posts: 5
Posted: Wed, 2009-10-28 23:56

I actually used the embed-o-rator for this code....

Where is 'gecko' or 'IE' called from in the CSS files?
 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16501
Posted: Thu, 2009-10-29 00:11

Do yourself a favor an install Firefox and the Firebug extension.

20 seconds of inspecting...

This is in:
http://scottconnery.com/files/LSC/css/layout.css

change:

#content_area {
	background: #ffffff;
	float: right;
	width: 460px; /* IE5Xwin sees this (standards width plus padding and border on left and right)*/
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-left: 20px;
	border-left-color: #E9E9E9;
	border-left-width: 1px;
	border-left-style: solid;

}

to

#content_area {
	background: #ffffff;
	width: 460px; /* IE5Xwin sees this (standards width plus padding and border on left and right)*/
	voice-family: "\"}\"";
	voice-family: inherit;
	border-left-color: #E9E9E9;
	border-left-width: 1px;
	border-left-style: solid;
	margin: auto;
}

I removed the float and the padding and added margin: auto

____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here
 
notsean

Joined: 2009-10-27
Posts: 5
Posted: Thu, 2009-10-29 01:36

The bgcolor issue results from IE apparently not reading CCC as CCCCCC! @[ IE : GRRRR

Your CSS edit shoved the album to the left
 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16501
Posted: Thu, 2009-10-29 03:26

bgcolor issue? what are you talking about?

To the left only if you didn't add the margin: auto; part and your css file I referred to above hasn't been changed.

Read my previous post very closely.

____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here