On my page: http://www.icdmeister.com/_index.html
I'm having layout problems with IE6. It displays properly in IE7 and FF.
I've set a document type, validated the code and have read about common IE6 bugs but can't figure out what's messing it up.

Any help would be appreciated.

Thanks,

Andrew

What's wrong with it ?? I don't see any problems in IE6 ....

When I'm viewing it in IE6.0.2900.2180.xpsp_sp2_gdr.070227-2254 on a WinXP Pro, the right column (all the content in div id ="right panel") drops down and starts after the end of div id="left panel".

Also, when comparing this side-by-side with the page in FF I'm seeing extra (assymetrical) white space on the right side of the right panel. I suspect this is making the width of the "right panel" div too wide so that it no longer fits alongside "left panel" div within the container (div id="contents") and this is resulting in it dropping down. I tried reducing the width of div id="right panel" from 478 to 450px. This fixed the problem by moving the right panel up alongside the left panel where it belongs but it caused havoc with the rest of the layout which didn't like being squeezed into 28 fewer px.

LNR, are you not seeing what I'm seeing on your machine? IF this is the case, then I'm more confused than ever. . .

Andrew

Haven't had a proper look, but seems you have added padding to attributes with assigned widths and heights, which is never a good thing :P

Well, I don't know what you did, but NOW IE6 is showing the right side dropping below the left, and my resolution is 1280x1024.

Armanno is absolutely right, remove the left and right padding from both panels.

Thanks for the suggestion.

#leftpanel has no left or right padding.
#rightpanel had padding-left:20px; defined and I removed this.

The right panel is still dropping down.

As an experiment I tried to reduce the width of the right panel thinking that if it was narrow enough it would pop up to where it was supposed to be. No luck with that either.

Any other ideas?

A.

It's not dropping now.

However, you don't have your floats cleared properly, #wrapper is NOT containing everything, it stops at the end of the #header section.

It's still dropping for me in IE6. Why would there be a difference in what we're each seeing in IE6?

I'll play with clearing the floats as you suggest.

A.

Interesting -- when I brought it up again here at home, the right side was dropped. I refreshed the page, and it corrected itself. Sounds like something either isn't loading right away - or you've got a variation of the peek-a-boo bug.

Well, i think depending on the software you use for coding, you have to refresh the page more than once(for IE)

I recently had to fix my own two templates, and I too couldn't figure out what was wrong, and I just refreshed IE, and it seemed to work...

So, I have to refresh IE everytime I change the CSS or HTML coding, which sucks, but such is life ^^

Just a heads up...

Well, i think depending on the software you use for coding, you have to refresh the page more than once(for IE)

It has absolutely NOTHING to do with the software being used.

I have to refresh IE everytime I change the CSS or HTML coding

That is NOT a function of the css, it's a function of your BROWSER CACHE !!

Originally Posted by LadynRed

It has absolutely NOTHING to do with the software being used.

That is NOT a function of the css, it's a function of your BROWSER CACHE !!

Clearly, I never said it WAS a function of css, i stated that I have to REFRESH my browser everytime I save an edited page on dreamweaver, this is BECAUSE of the browser cache...

Ahh.. but that's not what you said at all, you were complaining about a standard browser function .. which is pointless to the problem the OP is trying to solve.