This was posted back in June... I'm having the same issue and it was never resolved.
I'm using a fresh install of 1.0.6 + stoppeddesign
http://brianstinehart.com/scenic-photography/Tulsa__s_Arkansas_River_Sunset_by_stinehart.jpg
I really like this template.. Please help
"There are problems with the mouse overs in IE7. With the LEFT and RIGHT, it causes big white blocks on each side of the image. Any chance of fixing? Works great otherwise.
Posted: 2006-03-16 06:42:43 #"
That is rather blaringly bad isn't it? Sorry about it first of all, and for not seeing it sooner.
It's definitely a CSS issue of some kind. (And they thought IE7 was getting better... pffh). It might take some tweaking but I'm sure it won't be too hard to fix... if I can't then I'll figure out some other way to arrange it for IE...
@Dax-
Are you referring to the theme or zenphoto itself? This isn't a problem with the core zenphoto code, just an issue with the stoppeddesign theme. Just needs a bit of css care and feeding I would imagine so it will work with IE7. But I have been running 1.0.5 since it was released, and then I just upgraded to 1.0.6 and have had no trouble with it at all.
Just wanted to clarify as to why you aren't considering the upgrade, and wanted to allay your fears.
I think I've found a temporary fix for this.
What's happening is that the css that places the "FULL VIEW" text on top of the image doesn't play nice with IE7. Or rather IE7 doesn't like it. Until we figure out an acutal fix you can just comment this out and remove it all together if you don't mind not having the "FULL VIEW" text show up.
Here is the code causing the problem:
`
padding-top: 190px;
right: auto;
text-align: center;
width:500px;
height: auto;
min-height: 190px;
display: block;
_display: none;
}
`
Edited because I didn't know how to use conditional comments for IE. Now I do. So you can comment it out or make an IE7 specific stylesheet and link to it using conditional comments. It's not that important to me so I'm just going to delete it.
A FIX!
Line 729 in themes/stoppeddesign/css/photos.css reads
`#prev.slides p a em, #next.slides p a em, #fullc p a em {
text-indent: -9999px;
/* background: white; */
opacity: 0;
_display: none;
}`
Take out the background: white; as shown.
Who would have thought it was as stupid as that? This CSS is a mess... IE is still a POS that can't render, but I don't blame it for choking on this. There are a million simpler ways to do text link overlays...
There are still some issues, but this'll work for now. More fixes are in SVN, which you can see here (gotta love Trac!):
http://www.zenphoto.org/trac/changeset/335
Then you can download the whole fixed new file here:
http://www.zenphoto.org/trac/browser/trunk/themes/stoppeddesign/css/photos.css?format=raw
Well there you have it! I just didn't look hard enough for it. Thanks trisweb!
Hey trisweb,
Trac is very cool but I can't make out what's happening at lines 677, 678 and 679 at http://www.zenphoto.org/trac/changeset/335. Are they commented out? Is that just a space inserted? Just looks like a yellow block before the same text.
Yep, I noticed the same jitters in IE7. Very messy. The whole theme's CSS could be rewritten, that may help...
Those three lines are just whitespace changes. I fix every badly indented code block I see, it's a pet peeve of mine. Check off "Ignore White space changes" to make them go away.