Page 1 of 1

IE6 CSS menu + extra content below

Posted: Fri Mar 23, 2007 1:53 am
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

Re: IE6 CSS menu + extra content below

Posted: Fri Mar 23, 2007 2:51 am
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

Re: IE6 CSS menu + extra content below

Posted: Fri Mar 23, 2007 3:20 am
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

Re: IE6 CSS menu + extra content below

Posted: Fri Mar 23, 2007 5:08 am
by Nullig
You're welcome.

Happy CMSMSing!

Nullig