Internet Explorer .css problems = Frustration (!)

  • Hi everyone ??

    I have my site here which is all working fine.

    However, if a post is selected in Internet Explorer everything is stacked above each other where it was nicely laid out previously.

    A web developer had been cleaning up my code and looking into it but has had no luck , if anybody could help it would be very much appreciated as its been a week trying!

    I did have adsense boxes in there recently but they are gone now.

    Please let me know if you require additional information.

    Thanks,

    Leon ??

Viewing 6 replies - 1 through 6 (of 6 total)

  • 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.

    Thread Starter businessbird

    (@businessbird)

    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.

    Thread Starter businessbird

    (@businessbird)

    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

    Thread Starter businessbird

    (@businessbird)

    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

    Thread Starter businessbird

    (@businessbird)

    if there is anyone who could fix this problem with IE for a small fee please get in touch

    Leon ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Internet Explorer .css problems = Frustration (!)’ is closed to new replies.