[Solved] Album content breaks out of page in IE

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
webform
Power Poster
Power Poster
Posts: 524
Joined: Sat Nov 25, 2006 3:39 pm

[Solved] Album content breaks out of page in IE

Post by webform »

I have an odd problem limited to Internet Explorer, where the Album module breaks the content CSS if there is a lot of pictures in the Album. See http://www.larsdalby.dk/news/11/53/Helpan

If i have a very long page only with text there is no problem. http://www.larsdalby.dk/test

Anyone have any suggestion what is wrong?
Last edited by webform on Thu Jan 29, 2009 12:05 am, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Album content breaks out of page in IE

Post by Dr.CSS »

The equal height JS is your problem and because you need to do some adjustments to get 3 col. in it for ie...

IE web dev. toolbar saw it making the height of the container keep growing and growing...
User avatar
webform
Power Poster
Power Poster
Posts: 524
Joined: Sat Nov 25, 2006 3:39 pm

Re: Album content breaks out of page in IE

Post by webform »

Thank you very much for pointing me in the right direction  ;D

I deleted The equal height JS and changed portions of the CSS and now both gallery and left column border works fine in all browsers.
User avatar
Trenia
Forum Members
Forum Members
Posts: 81
Joined: Thu Dec 11, 2008 12:48 pm

Re: Album content breaks out of page in IE

Post by Trenia »

webform wrote: Thank you very much for pointing me in the right direction  ;D

I deleted The equal height JS and changed portions of the CSS and now both gallery and left column border works fine in all browsers.
I am having the exact same problem as you described in the first post. Could you be kind enough to post a detailed "step by step" guide on how you did it? I am afraid I need a little spoon feeding on this  ;D (where did you delete the equal JS from, what portions in the CSS did you change, and to what etc...?). Thanks
User avatar
webform
Power Poster
Power Poster
Posts: 524
Joined: Sat Nov 25, 2006 3:39 pm

Re: [Solved] Album content breaks out of page in IE

Post by webform »

Well! The Equal height JS was a javascript i had attached to my template to force my columns to be same height as the left column have a border that needs to have the same height as the longest column!

But as Mark suggested the JS did havoc on my pages with the Album module on it, so i removed the Equal Height JS and just added a background image to my outer div containing all the columns. So the longest column would push the outer div and hence the border will always fit  ;D

I did something like this on my outer div (just using a 1x1px image to keep file size down):

Code: Select all

#content {
	background: #fff url(uploads/images/grey_dot.gif) repeat-y 250px;
}
No need to change anything in the Album module!
User avatar
Trenia
Forum Members
Forum Members
Posts: 81
Joined: Thu Dec 11, 2008 12:48 pm

Re: [Solved] Album content breaks out of page in IE

Post by Trenia »

Thank you for responding!

I am guessing it isn`t the same problem after all? I don`t really know, and I still don`t understand what you mean. Please take a look at it here: www.tequila-sunrise.org/index.php/fotoalbum and click the album (you must use IE7 to see the problem).

Any suggestions to what I must do? If it isn`t the Album module itself, where is the problem? Is it the CSS used by my Nichess template that causes it? Any suggestions that might solve this are greatly appreciated! :)
Last edited by Trenia on Fri Mar 13, 2009 11:32 am, edited 1 time in total.
User avatar
webform
Power Poster
Power Poster
Posts: 524
Joined: Sat Nov 25, 2006 3:39 pm

Re: [Solved] Album content breaks out of page in IE

Post by webform »

What i notice is the yellow background colour extending into the sidebar on that page - So it could be a problem with the template/CSS you need to look into!
Post Reply

Return to “Layout and Design (CSS & HTML)”