« Headlines | Main | Virus Alert »

June 02, 2005

More CSS Problems

According to a comment from Pete on this article, the sidebar is turning into a "bottom bar" for his browser. No worries, I came across a hack for windows when I was looking for something different. Now, where is google. Ah yes, I was thinking about the excellent Learning MovableType blog which recommends (in this article)that you change: width: 700px; into width: 702px; in the section labelled #container {.

Unfortunately, my stylesheet uses: width: 90%; so that didn't work. Anyone else got any ideas?

Posted by Ozguru at June 2, 2005 08:00 AM


Happens with Firefox on Mac as well.

Posted by: Ozguru at June 2, 2005 09:10 AM

If I comment out most of the sidebar, it reappears on the right but it appears to have about an inch on the right which is not used. Looks like some kind of margin problem. Almost as if the right column feels obliged to leave a gap between it and the right hand side of the page. If it cannot leave the gap, it moves the whole column down.

Changing the width of the sidebar will not really help if it is wasting the space it already has...

Posted by: Ozguru at June 2, 2005 10:12 AM

In your BODY command, try:


The TOPMARGIN LEFT and RIGHT concern Win, while MARGINWIDTH and HEIGHT concern Mac

Posted by: Pete at June 2, 2005 10:46 AM

I have tried that on the main page - it doesn't fix firefox on Mac. Dunno about windows.

I have also changed from 75/25 to 70/30 and that didn't help either.

Posted by: Ozguru at June 2, 2005 11:12 AM

Have you tried 70 / 25 ??

Only other thing I can think of is that some of the side bar mayerial may be too wide (i.e. no breaks) and is pushing out the size because you use % rather than a fixed number.

Posted by: Pete at June 2, 2005 06:44 PM