IE6 CSS menu + extra content below

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
stustustu123
New Member
New Member
Posts: 3
Joined: Fri Mar 23, 2007 12:55 am

IE6 CSS menu + extra content below

Post by stustustu123 »

Hiya,

First post for me!

I've been playing around with a new install of CMS 1.0.4 which I'm setting up as a demo to show my employer why they need to use a CMS instead of their currently ugly vanilla website.

I wanted to place some News elements below the CSS menu that sits on the left (I'm using CSSMenu left + 1 column template) and managed to insert {news} in the 'sidebar' DIV in the template file.

In Firefox everything renders fine however under IE6 I cannot get it to stop affecting the rest of the page with a large chunk of whitespace.

The pic I have attached shows a page that is affected, basically the lower block of text on the main (content) page has been inserted using {global_content ....} to allow it to be somewhat dynamic but as you can see under IE6 this doesn't play nice.

Anyone got any tips?

Sorry I'm not huge on CSS but I did try inserting another DIV within the 'sidebar' DIV however no difference.

The problem:
http://i36.photobucket.com/albums/e31/stustustu123/webproblem.jpg
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm

Re: IE6 CSS menu + extra content below

Post by Nullig »

It sounds like either the total number of pixels for the width of your sidebar and main divs, along with their margins, exceeds 100% of the page width (in IE), or you don't have height: 1%; in your main div.

It would be easier to diagnose if we had a link to visit or the code to examine.

Nullig
stustustu123
New Member
New Member
Posts: 3
Joined: Fri Mar 23, 2007 12:55 am

Re: IE6 CSS menu + extra content below

Post by stustustu123 »

Whoa that was quick, and what's even better was the 'height: 1%;' thing solved that problem, plus it solved the "3 pixel walk" thing I had going on but had conveniently ignored!!

Awesome, thank-you so much!!  ;D
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm

Re: IE6 CSS menu + extra content below

Post by Nullig »

You're welcome.

Happy CMSMSing!

Nullig
Post Reply

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