Can you help me get this page to look the same in IE as it does in Firefox?

[melinama]

Hi all,

I'm a little afraid of y'all but hope you'll help me. I have a blog
which looks the way I want it to in Firefox -
http://caraycaray.blogspot.com - but in Internet Explorer the left
sidebar is very wide. Can you help me understand why?

Thanks,
Jane

 

[Andy Dingley]

I'm a little afraid of y'all but hope you'll help me.

Of course! We _like_ people who post URLs to their sites before they
ask why they aren't working.

http://caraycaray.blogspot.com - but in Internet Explorer the left
sidebar is very wide.

No idea, haven't looked in detail.

Fix the doctype declaration first - i.e. start using one! Make sure
that it's one that puts IE into a standards rendering mode ( i.e. HTML
4.01 Strict). Without this, then CSS width behaviours under IE are
pretty much uncontrollable, so do that first and only then start
looking for the details.

I'd also suggest that it looks like there's a lot of pixel-based sizing
going on. This would be better if you used em units for dimensions
instead of pixels - that way it would cope better with text size
changes.

 

[Bergamot]

looks the way I want it to in Firefox -
http://caraycaray.blogspot.com - but in Internet Explorer the left
sidebar is very wide.

You are using unit types inconsistently, which is having a negative
effect on the layout. A mix of % and px for width, margin, padding and
border values will never add up. The 180px sidebar box does not fit
consistently well into a space of approximately 30% of the window width.

The content area is width:66% plus some padding. Make the sidebar width
% also, so the 2 columns stay proportionate. If you want to use px for
margins, padding or borders, apply those properties to inner containers
instead (like .box) and don't specify width at all for those inner
elements. Then they will adapt to fit in the available space. That's
what a flexible layout is all about.