Internet Explorer .css problems = Frustration (!)

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, https://validator.w3.org/check?verbose=1&uri=http%3a%2f%2fbusinessbird.co.uk%2f nor does the css, https://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 ??