Well.. my new wordpress theme that i've coded is looking good in firefox and IE7 but in IE6 the right columns shift down to the bottom... Anyone know what i need to do to fix this? thanks guys!!! edit: you can see it at http://www.ryancanfield.com
Most likely culprits is either an overpadding or double padding issue. Sometimes IE will double the margin on a float - something that setting display:inline next to the float fixes (which is really stupid BTW - floats are inherently display:block and cannot be changed back to any other type) Honestly though, with #content set to float:left and a fixed width, I'd just make #columns float left atop it instead of float:right. It's usually safer to stack one direction when everything is a fixed width than to try to stack opposites. AHA - I see it, your math is off... check the following widths: #content = 943px #articles = 570px + 20px margins + 40 px padding = 630px #columns = 370px + 10px margin = 380px 380px + 630px = 1010px 1010 > 943 ... it's even wider than #container's 1000px <Adam Savage>Well there's your problem</Adam> This is why even when targeting fixed width, I code the page as fluidic... that way I can dodge these types of issues and not have to constantly check/recheck the math.
thanks a ton deathshadow! now i need an easy quick solution to this. i've been playing around with it for an hour and there's so many divs and i'm so confused now.. ahh whatever.. i'm brand new to css.
Well, to your credit, you're trying to edit the CSS of a wordpress theme. Possibly the hardest code to work with.