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

[img]http://scottconnery.com/files/web-firefox.jpg[/img]

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.

[img]http://scottconnery.com/files/web-ie-bad.jpg[/img]

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

[img]http://scottconnery.com/files/web-ie-good.jpg[/img]

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: 16504
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: 16504
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: 16504
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