CSS-Browser Problems

[chris]

I have just began creating a new wordpress theme. When I open the page in Firefox the divs look as desired but the body div is underneath the sidebar in internet explorer. I want the sidebar on the left and the body with the posts to the right, right next to it. The div’s are wrapped around the sidebar and the other div called body is wrapped around the post. Why is it that in internet explorer it looks so much different. I have included the css for these two divs underneath.

the web site is http://www.chriscarvergraphics.com/blog

#body {
background-image:url(/images/bb_body.png);
width: 800px;
float: none;
background-repeat: no-repeat;
margin-left: 224px;
padding-top: 50px;
padding-left: 5px;
height: 600px;
}
#sidebar {
float: left;
height: 568px;
width: 224px;
background-image:url(/images/bb_side.png);
margin-left: 5px;
padding-left: 20px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 20px;
background-repeat: no-repeat;
}

by the way I am using a Mac. and the only way I was able to see the internet explorer version was to use limusapp.com to view it

[ikthius]

your wordpress should have divs like this:

body
container
sidebar /sidebar
main /main (this is where the posts should go)
/container
/body

which you have done, but with those you need to get the right widths for your container…

example:
container =1000px
sidebar = 200px
body = 800px

make sure your widths are correctly sized.

and overflow hidden is great to fix small problems like forced push down with IE.

also: position relative and floating helps also

[chris]

for the most part it is like that. I have a page-wrap div that is 1024px and the sidebar is 224px and the body div/ content is 800px

[chris]

I do see how that would issue a problem. Thank you very much for helping me with that. Why is it that it works on Mozilla Firefox?

[chris]

Thank you for this info. it helps a lot. Not only in this case but also for future sites. Thank you very much for the resource for that site validation tool.

[Author]

Posts