Horizontal Menu throwing liquid layout out of sync on sceen res. 800x600

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
burlington
Power Poster
Power Poster
Posts: 444
Joined: Wed Dec 27, 2006 5:15 pm

Horizontal Menu throwing liquid layout out of sync on sceen res. 800x600

Post by burlington »

Hello

I am using a standard liquid 3 column layout+ 2 header divs, with the horizonal menu being contained in one of the header divs. The width of the site is set at 95%.

This works fine on screen resolutions above 800x600 but on that resolution the cols do not show properly using the menu templates that are:  {cms_module module='menumanager' template='cssmenu.tpl'} and
{cms_module module="bMenu" styleid="64"}

If I take the menu away completely, then the site works fine at the lower res.

It does seem as though the menu, which by the way does not fill all the available width in this div anyway (is this important?), deepens the depth of the div with the result that the left hand column goes above the other two.

I like the menu but not the problems it is causing. Probably due to my relative ignorance of course!

Thank you for any help you can give.

Martin
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Horizontal Menu throwing liquid layout out of sync on sceen res. 800x600

Post by Dr.CSS »

A link to the site would really help as it may be some CSS causing the problem...
burlington
Power Poster
Power Poster
Posts: 444
Joined: Wed Dec 27, 2006 5:15 pm

Re: Horizontal Menu throwing liquid layout out of sync on sceen res. 800x600

Post by burlington »

Oops sorry!

The site is http://www.endofempire.org.uk/

For the record, I do not necessarily agree with the content, and the site owner (not me) is still fiddling with the content etc. 

Thanks

Martin
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Horizontal Menu throwing liquid layout out of sync on sceen res. 800x600

Post by Dr.CSS »

Actually when I set it to 800px width the 3 col. collapse under each other, you may want to set it to a min width so it won't go below that and collapse...

The menu can be set to 770px but you need to change some of the widths, take out the 95% for all cept the main page container...
Post Reply

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