displaying perfectly in FF2 and IE7, but not in IE6

tried validation, which works; just a few warnings, nothing major.

ok, I’ve figured out the main problem, but the right sidebar still won’t seem to float right of the main content in ie6.

I am having the same problem with the sidebar on my site but haven’t gotten a workable solution. I am beginning to think no one knows the solution to this. If you work it out, please post your solution as I will be checking the feed on this topic often. Lots of people are still operating with ie6 and they are looking at our websites.

Your site failed validation. Check here. And warnings in CSS validation will cause it not to work in some browsers.

just checked it again; says there are no errors.

can anyone answer why the right sidebar floats perfectly in ff2 and ie7, but not ie6? what’s wrong with my css?

Your site, https://www.xihuaonline.com/xihua, has errors. “Failed validation, 88 Errors” – I don’t know what your are checking but your site fails.

Your CSS is passes validation but your HTML does not.

Ok, I’ve narrowed down the problem to the banner tag. For some reason the right sidebar (sidebarr div) doesn’t clear the banner in the header.

Any thoughts?

somethingto try….

get rid of the margin and padding declaration in your body tags…. or define width.

I have seen that trip out ie6 before.

Yes define a width

#sidebarr {
display:inline;
float:left; <— PLAY WITH THIS (make it float left)
line-height:1.5em;
padding:5px 10px 0 10px;
width:150px; <— AND THIS (play with the width)
margin-top:220px;
border-left:1px #000000 dotted;
color:#000000;
}

Oh and such large margins usually aren’t a good idea (try wrapping your content and the sidebar in a div)

kmessinger,
Thank you for your assistance. I have cleared all but one of the errors and I am stumped as to how to clear the last one. Can you help? https://www.sellartdirect.com I switched themes.

W3C validator tells me: Most likely, you nested tags and closed them in the wrong order. Another possibility is that you used an element which requires a child element that you did not include.
The source input is this:

</ul>
</li>
<li> <h2>Recent Comments</h2> <ul id="recentcomments"></ul>

but I can’t find this code in the plugin Get Recent Comments or in the code for Comments. I don’t know where to go from here.

Validates ok now.

Validation is a never ending problem for me. Everytime I add new ads or embedded links, I usually have to change the java script to comform. I don’t know if it really matters but it is kinda like getting a pat on the back when you see it is valid.

Thank you so much. You are right about the pat on the back. However, it is short-lived with me. My problem is not resolved after all this. My photo art is still not where it belongs in ie6. I have no idea what to do about it. Someone said make my main page a few pixels smaller but I don’t know how to do that. What do you think?

I think the only good way to show up perfect in IE6 and IE7 is to have a separate CSS for IE6.

Too much for me to think about for now so I just make sure it looks ok in IE7 and FF. Mine also looks fairly good in IE6 and functions which is about all I can ask for.

Sorry I am no help with IE6.

Nothing to be sorry about. I appreciate that you took the time. I don’t have the dollars to have a separate CSS so I guess that’s that.
Thanks again

Mods – Can I get the links in the original post edited out? Thanks.