Page 1 of 1
[Solved] Album content breaks out of page in IE
Posted: Mon Jan 26, 2009 4:21 pm
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?
Re: Album content breaks out of page in IE
Posted: Wed Jan 28, 2009 7:43 pm
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...
Re: Album content breaks out of page in IE
Posted: Thu Jan 29, 2009 12:03 am
by webform
Thank you very much for pointing me in the right direction
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.
Re: Album content breaks out of page in IE
Posted: Fri Mar 13, 2009 12:16 am
by Trenia
webform wrote:
Thank you very much for pointing me in the right direction
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
(where did you delete the equal JS from, what portions in the CSS did you change, and to what etc...?). Thanks
Re: [Solved] Album content breaks out of page in IE
Posted: Fri Mar 13, 2009 1:55 am
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
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!
Re: [Solved] Album content breaks out of page in IE
Posted: Fri Mar 13, 2009 11:28 am
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!
Re: [Solved] Album content breaks out of page in IE
Posted: Fri Mar 13, 2009 12:03 pm
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!