Help - Search - Members - Calendar
Full Version: Ie7 Breaks Layout On Photogallery
Movable Type Community Forum > Using Movable Type > Entries and Archives
i3ny
Obviously there are many people with the same problem I'm having, I've posted on http://forums.majordojo.com and emailed people that show their galleries fixed but they are too busy to help. I just hope they don't ever walk across me for help.

I'm sending an email to the developer of the plug-in and the response I will post it here for everyone to help themselves.

Thanks.
Leny

ps: How do we fix the problem with IE7 of Photogallery v.1.7
OtherNiceMan
If you mean the vertical centring, what resolution are you browsing at?

If I do not browse at maximum, but closer to 1024 x 768 then the problem is gone, it also disappears when I hover over the next or previous pictures, making me think that there is a problem in the stylesheet. Browsing non-maximised also moves the comment box down to under the picture.

Also the page has 3 Javascript errors to do with commenting, but should not effect layout.
i3ny
thanks niceMan, not realy,(browsing) because then it wold look bad when when i look at othres photoalbum, i don't know.

take a look at mine http://www.jeremyoliva.com/fotos/ then to people with good. http://www.salguod.net/gallery/1960-thunde...d_meets_new.php

see this guy had the same problem but he already fixed it, and now he wont tell people how to fix it..

i'll post once i find this problem thankx

leny
OtherNiceMan
I am going to take a guess that it is due to some absolute positioning in the style sheet.
dgs
QUOTE (i3ny @ Mar 11 2007, 12:07 PM) *
thanks niceMan, not realy,(browsing) because then it wold look bad when when i look at othres photoalbum, i don't know.

take a look at mine http://www.jeremyoliva.com/fotos/ then to people with good. http://www.salguod.net/gallery/1960-thunde...d_meets_new.php

see this guy had the same problem but he already fixed it, and now he wont tell people how to fix it..

i'll post once i find this problem thankx

leny


Uh, that's my site you're refering to. I'm not really sure what the problem is that refering to, but please don't acuse me of not being willing to help. I've not gotten any request from you for help at all, this is the first I've heard of it. If there's something there that I've fixed on my end and you can't, let me know, I'm glad to help. Leave another comment here or there's an email link on my main blog site linked in my signature.

Honestly, I don't think there's anything on my site that's different than the default templates and CSS from Photogallery 1.7. It's been a while since I've looked at it.
i3ny
Hi DGS
I'm sorry, i didn't mean to bother you, everyone has tons of things to do. I understand. This is what i was able to fix on photogallery.
the image break are due to a <p> tag in the image line on // Page Variables - example next.
$img = <p><img alt="Toco-Toucan.jpg" src="http://www.jeremyoliva.com/fotos/ceiba/Toco-Toucan-photo.jpg" width="480" height="360" /><br /></p>';
All i did to fix them was i removed the <p> </p>tag from all of the images, but then as soon as i rebuilt the site(or i do a post) it rewrites it again.
I looked into the templates (t_archive_autho.php and t_gallery.php) but then there isn't a $img = on // Page Variables.

Why are img getting this <p> tag?huh.gifhuh.gif? Maybe someone from Movable Type can help on this one.

So if anyone comes across this fixed, please let us know in this forum thank you.

leny acosta
dgs
Leny,

No worries about bothering me, as I said, I'm glad to help if I can.

I'm still not completely sure what the 'image break' you are referring to and I'm not at all familiar with PHP or the inner workings of Photogallery. The only thing I can think of is that you have text formatting set to 'Convert Line Breaks'. That would make MT add the paragraph tags. In my gallery, I do not have that set.

I hope that helps, I wish I could help more.
joneru
I seem to be joining the ranks of failing photogalley applications under IE7. Its driving me crazy.

No matter what I try, the description text shoots off to the right, but only under IE7. I tried the templates under the Beta release of IE8 and all appears well.

Did anyone find a fix for the CSS under IE7??

Any help would be GREATLY appreciated.

Thanks
Russ
OtherNiceMan
Please can you post a link to your site so we can look at it.
joneru
QUOTE (OtherNiceMan @ May 25 2008, 02:42 AM) *
Please can you post a link to your site so we can look at it.



Thanks for your super rapid reply OtherNiceMan. Its a problem affecting all my galleries under IE7 (only)

Here a link to a specific example photo:

http://www.1smallworld.com/travel_photos/e.../the_jungle.php

but it affects all my galleries which can be found here:

http://www.1smallworld.com/travel_photos/galleries/

Any light you can shine would be very much appreciated.

Thanks
Russ
dgs
I have that same problem too, an asked about it on the Photogallery forums but never found a solution. The only thing that helped was to turn off comments, and that eliminated probably 90% of the problem. It's also sporadic, the same page will load fine sometimes and other times the text will jump. Usually, if it's going to jump it nearly always jumps. At first it seemed that only portrait photos pages did it, but that's not so. I've also noticed that it seems to happen more if my window is maximized. I'm running a pretty high resolution (1680 x 1050), maybe that has something to do with it? At high resolutions, the comment block doesn't stay where it belongs at the bottom of the screen, so I wonder if there's something there. Lastly, if the text on a page jumps right, 'restoring' the browser window and then maximizing again will fix it. Sometimes a refresh fixes it too.

I've noticed that most Photogallery galleries have the problem, including Byrne's the last time I looked at it. The lone exception is Douglas Bowman's gallery which doesn't use Byrne's plugin and seems to use a completely different CSS structure that the plugin and the downloadable templates that Doug made available.

I haven't tried the beta plugin for MT4 yet, maybe the problem is fixed there.

My galleries are here if you want to look at another example.
OtherNiceMan
There are some JavaScript errors, most I think linked to this

CODE
<script type="text/javascript" src="/home/joneru/public_html/travel_photos/mt-site.js"></script>


The JavaScript file is not at that location.

It probably has nothing to do with it, but it is useful to remove any possible causes.
joneru
QUOTE (OtherNiceMan @ May 25 2008, 10:21 AM) *
There are some JavaScript errors, most I think linked to this

CODE
<script type="text/javascript" src="/home/joneru/public_html/travel_photos/mt-site.js"></script>


The JavaScript file is not at that location.

It probably has nothing to do with it, but it is useful to remove any possible causes.



Thanks OtherNiceMan. I had a look on the server under the 'travel_photos' path and found the mt-site.js file you mentioned. It appears to be in the right place and set with read/execute permissions for all users. The mt-site.js file can be viewed here

http://1smallworld.com/travel_photos/mt-site.js

I think the problem may lie in the photos.css file somewhere although i'd have to admit I don't really know where to start.

The file can be viewed here:

http://1smallworld.com/travel_photos/meta/css/photos.css

and I believe the description formatting begins around line 724

Thanks again for your much needed assistance.
Russ
joneru
QUOTE (dgs @ May 25 2008, 10:12 AM) *
I have that same problem too, an asked about it on the Photogallery forums but never found a solution. The only thing that helped was to turn off comments, and that eliminated probably 90% of the problem. It's also sporadic, the same page will load fine sometimes and other times the text will jump. Usually, if it's going to jump it nearly always jumps. At first it seemed that only portrait photos pages did it, but that's not so. I've also noticed that it seems to happen more if my window is maximized. I'm running a pretty high resolution (1680 x 1050), maybe that has something to do with it? At high resolutions, the comment block doesn't stay where it belongs at the bottom of the screen, so I wonder if there's something there. Lastly, if the text on a page jumps right, 'restoring' the browser window and then maximizing again will fix it. Sometimes a refresh fixes it too.

I've noticed that most Photogallery galleries have the problem, including Byrne's the last time I looked at it. The lone exception is Douglas Bowman's gallery which doesn't use Byrne's plugin and seems to use a completely different CSS structure that the plugin and the downloadable templates that Doug made available.

I haven't tried the beta plugin for MT4 yet, maybe the problem is fixed there.

My galleries are here if you want to look at another example.



Thanks Dgs.

I too have noticed that if I turn off all comments on the galleries then refreshing the page displays the layout just fine (until I move to the next photo of course :-)). But with the comments on, the refresh makes no difference.

At least things seemed to display ok in IE8 beta so there is some hope for the future :-)

Regards
Russ
OtherNiceMan
QUOTE (joneru @ May 25 2008, 10:14 PM) *
QUOTE (OtherNiceMan @ May 25 2008, 10:21 AM) *
There are some JavaScript errors, most I think linked to this

CODE
<script type="text/javascript" src="/home/joneru/public_html/travel_photos/mt-site.js"></script>


The JavaScript file is not at that location.

It probably has nothing to do with it, but it is useful to remove any possible causes.



Thanks OtherNiceMan. I had a look on the server under the 'travel_photos' path and found the mt-site.js file you mentioned. It appears to be in the right place and set with read/execute permissions for all users. The mt-site.js file can be viewed here

http://1smallworld.com/travel_photos/mt-site.js

I think the problem may lie in the photos.css file somewhere although i'd have to admit I don't really know where to start.

The file can be viewed here:

http://1smallworld.com/travel_photos/meta/css/photos.css

and I believe the description formatting begins around line 724

Thanks again for your much needed assistance.
Russ


But the web browser is trying to load the file from http://1smallworld.com/travel_photos/ecuad...otos/mt-site.js

Sometimes a Javascript that errors does break the layout of the page as well.

That said the problem more than likely relates to float issues and floats not being cleared.
joneru
QUOTE (OtherNiceMan @ May 26 2008, 12:26 AM) *
QUOTE (joneru @ May 25 2008, 10:14 PM) *
QUOTE (OtherNiceMan @ May 25 2008, 10:21 AM) *
There are some JavaScript errors, most I think linked to this

CODE
<script type="text/javascript" src="/home/joneru/public_html/travel_photos/mt-site.js"></script>


The JavaScript file is not at that location.

It probably has nothing to do with it, but it is useful to remove any possible causes.



Thanks OtherNiceMan. I had a look on the server under the 'travel_photos' path and found the mt-site.js file you mentioned. It appears to be in the right place and set with read/execute permissions for all users. The mt-site.js file can be viewed here

http://1smallworld.com/travel_photos/mt-site.js

I think the problem may lie in the photos.css file somewhere although i'd have to admit I don't really know where to start.

The file can be viewed here:

http://1smallworld.com/travel_photos/meta/css/photos.css

and I believe the description formatting begins around line 724

Thanks again for your much needed assistance.
Russ


But the web browser is trying to load the file from http://1smallworld.com/travel_photos/ecuad...otos/mt-site.js

Sometimes a Javascript that errors does break the layout of the page as well.

That said the problem more than likely relates to float issues and floats not being cleared.


Thanks OtherNiceMan.

I created the path that the page is trying to load from. The one you listed above and copied the mt-site.js file there, but the gallery site has the same issues.

I grabbed a copy of Doug Bowmans photos.css file from here to see if I can spot anything in that. Doug Bowmans updated photos.css is here:

http://www.dbowman.com/photos/meta/css/photos.css

I'll try comparing with mine:

http://www.1smallworld.com/travel_photos/meta/css/photos.css

Its my first time looking as CSS so anything more experienced eyes can do i'd appreciate.

Thanks
Russ
OtherNiceMan
If you replace your stylesheet with Doug's does it solve the problem?
dgs
I think I tried that, but Doug Bowman's site is fairly different and his CSS is totally different. I don't remember if I actually tried it or not or if I just assumed it would make a mess.

Isn't Doug's CSS 2 or 3 CSS files included into one? The Photogallery CSS is a single file. It's been a while since I looked into it, but I seem to remember that the two CSS files were so different, it wasn't easy to see that the change was that prevented the issue we're dealing with.

I'll have to look at that javascript issue on my site and fix that too.
joneru
Thanks guys.

Unfortunately Dougs photos.css canŽt be directly swapped out. Doing so appears to loose ALL formatting. I'm currently trying to pick out which parts I need to adopt from Dougs file. IŽll let you know if I get any decent results.

I've been settled in Popayan (Colombia) for the last week so have had some time to work on my site, but i'll be back on the road again from tomorrow so won't get much opportunity to check the forum or do much more on the galleries for a while.

Thanks to you both for your assistance.

Russ
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.