Your design is very tight, so to speak. Specifically, you have the #sidebar and #content DIV’s at the max possible width to fit inside #page DIV. Numerically and logically, it should work. But IE, in its infinite “wisdom”, may be adding invisible padding, around 3 pixels or so. I have encountered this innumerable times, and always watch for it when coding CSS.
I would suggest reducing the width of either #sidebar or #content by about 3 pixels, and see what you get. That’s my guess.
Hi Flamenco,
Thank you for your reply 🙂
Rather a rookie question- but how can i do that?
Cheers!!
Leon
Your page and the page your posts are on have different classes and ID’s.
The html does not validate, http://validator.w3.org/check?verbose=1&uri=http%3a%2f%2fbusinessbird.co.uk%2f nor does the css, http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3a%2f%2fbusinessbird.co.uk%2f (don’t worry about the warnings there but the errors.
For example on the page that is stacked, the css padding left 25 on #page is one cause – change that to 0 and the problem goes away. flamenco is correct that a little fine tuning will help.
Howdy!
/* page */
#page_wrap {
position: relative;
background: #fff;
min-width: 1000px;
padding-top: 10px;
padding-bottom: 10px;
}
#page {
position: relative;
width: 940px;
margin: 0 auto;
padding: 25px 30px;
}
Changing to
#page {
position: relative;
width: 940px;
margin: 0 auto;
padding: 0px 30px;
Would help? 🙂 I presume it takes a little while to update on the server once changes are made-there seem to be quite a few errors…
Thank you!
Leon
Hi 🙂 Having some problems working out what the validator errors mean and how to fix them! I have made some of the values smaller on the stylesheet but with no luck so far 🙂
Thanks,
Leon
if there is anyone who could fix this problem with IE for a small fee please get in touch
Leon 🙂
