Posted 4 years ago #
For some reason I can't quite understand, my template lays out perfectly in Firefox 2 and ie7, but displays an awful mess in ie6. I've read the other posts on here, and thoroughly messed around with the css, but I can't pinpoint the problem.
The site is located at:
-www.xihuaonline.com/xihua
The css is located at:
-www.xihuaonline.com/xihua/wp-content/themes/wprainbow/style.css
I'm using a modified version of wprainbow (from wickedwp.com).
Any help would be much appreciated.
Posted 4 years ago #
tried validation, which works; just a few warnings, nothing major.
Posted 4 years ago #
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.
Posted 4 years ago #
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.
Posted 4 years ago #
Your site failed validation. Check here. And warnings in CSS validation will cause it not to work in some browsers.
Posted 4 years ago #
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?
Posted 4 years ago #
Your site, http://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.
Posted 4 years ago #
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?
Posted 4 years ago #
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.
Posted 4 years ago #
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)
Posted 4 years ago #
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? http://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.
Posted 4 years ago #
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.
Posted 4 years ago #
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?
Posted 4 years ago #
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.
Posted 4 years ago #
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
Posted 4 years ago #
Mods - Can I get the links in the original post edited out? Thanks.
This topic has been closed to new replies.
