rockinfree
Member
Posted 7 years ago #
I've tried with no success to fix how my site (http://www.weirdncrazy.com/universe) looks in IE -- my sidebar should be next to the content (which works in Firefox), yet in IE it's moved below it. I have a width defined for the content, which is floated left, and the sidebar which has an equal left margin. Both the content and sidebar are held in a wrapper div. My CSS is:
#wrapper {
width: 700px;
margin: 0 auto;
overflow: hidden;
}
#content {
float: left;
width: 70%;
margin-top: 20px;
}
#sidebar {
margin-left: 75%;
width: 25%;
margin-top: 20px;
}
Any ideas to make it line up? Thanks in advance.
rockinfree can you post a screenshot? I just viewed it in IE6 on a Windoze machine and the menu looks the same as in FF. Fixed it?
It is possible that one browser or another is rounding up the percentages. 25 plus 75 does not equal 100 in many browsers. I would drop down one or two percent all over.And this is not the infamous float bug.
rockinfree
Member
Posted 7 years ago #
Hmm okay ... thanks for your replies. I hadn't gotten any last night so I moved it back to absolute positioning until I had it figured out. I'll try dropping the percentages by 1 or 2 next time -- thanks!
jelevin
Member
Posted 6 years ago #
I had this same problem and found an easy solution at http://www.bloggerforum.com/modules/xoopsfaq/index.php?cat_id=8
I modified the CSS img to look like this:
.post img {
padding:4px;
border:1px solid #222;
max-width:410px;
width: expression(this.width > 410 ? 410: true);
}
Set both #content and #sidebar to float:left; (but no clear!) and also set your widths to be in pixels, not in percentages.
Jbbrwcky
Jinsan
Root
