large gaps between 1st and 2nd photo albums when using album module

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"
Locked
stevegos

large gaps between 1st and 2nd photo albums when using album module

Post by stevegos »

Hi, this is a question about the Album module, but I think its more of a CSS problem...


I'm having a problem with placing multiple albums on the same page. The first album displays fine. the next one starts at the bottom of the news module.

I tried moving the side bar div under the content but didn't fix it. I am using the album template lyteshow which includes



at the bottom of the template (and appears to be repeated at the end of each occurence of each photo album on the same page). If I remove this, the problem is better, but the next album starts where the first stopped - on the same line, and looks a mess.

I can make a work around by adding a few
to shift the start of the next album text down but that's not my ideal solution.

cms is the latest 1.5.2 version with latest album module installed.

I would add a link to the site but its on a private test server at the moment. But have attached a screen dump.

Any ideas?

Thanks, Steve
Attachments
album1.JPG
album1.JPG
brippon
Forum Members
Forum Members
Posts: 18
Joined: Wed Feb 07, 2007 10:28 pm

Re: large gaps between 1st and 2nd photo albums when using album module

Post by brippon »

Hi Steve

Oddly enough I've today hit exactly the same problem and I'm struggling to see the answer. It's as if the clear:both is clearing the wrong container.

The Album Module Help says:
Fix large gap problems caused by clear:both

See: RE: Cannot seem to get categories working

Short answer, add this to your Stylesheet:

#main {
float: left;
}

which is a bit cryptic, but didn't help me whichever div I try to apply this rule to.

Brian
stevegos

Re: large gaps between 1st and 2nd photo albums when using album module

Post by stevegos »

Hi

I too saw the #main {float: left;} info and also found this to be very cryptic as to where this was to go. I tried in all my style sheets, but no good!

Any one got any ideas? Seems there at least two of us with the same problem!

Thanks, Steve
Locked

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