IE7 problem

  • Resolved MrBen

    (@mrben)


    15 years, 6 months ago

    Hi,

    I’m hoping someone will be able to point me in the right direction to fix this.

    The theme renders perfectly in IE8, Firefox and Safari, but in IE7 the main content get pushed down below the left hand side bar.

    Here’s an example: https://www.kallkwikstratford.co.uk/dev/new-so/test-page/

    Removing the page width or setting it to auto solves the problem, but them obviously the site is not centered. I’ve tried increasing the width of the container to see if that made any difference but it doesn’t.

    At the moment I am calling in a specific IE7 style sheet so that the user can add content without it looking ‘odd’ but I’d really like to find a proper fix as that means that the site isn’t centered in IE7.

    Can anyone see why its doing this? Its probably something obvious I’ve missed but I’ve been checking for hours now and I can see it!

    If anyone can give me any help or pointers on this I would be most grateful!

    MrBen

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter MrBen

    (@mrben)

    Oh, I should add I’m using WP2.7, but I don’t think its a wp specific issue.

    Cheers,
    Mr Ben

    Could it be something with your div widths and float settings? Maybe positioning (absolute, relative, fixed, static) too? I’m not an expert, but I’ve been having similar issues with some designs lately and playing with those settings has fixed some quirks for me.

    I’m having issues with IE today also. I was blaming it on my theme developer, but it appears this is possibly widespread. When my page is viewed through Chrome, FF, Safari, looks fine, but through IE, the right sidebar is placed below the rest of the blog. I hate Microsoft. Has anyone figured out a fix for this, or why it is happening?

    Thread Starter MrBen

    (@mrben)

    @groovysoul I’ve had a play with the widths and floats but I can’t seem to get it any better than it is now. Originally the menu was pushed below the side bar too but I managed to fix that.

    I can move the text box using ‘relative’ but its not a very good solution as the text isn’t in the same place vertically when you visit a page with more text. ‘Absolute’ is no go if the screen is resized as its centered.

    I’ll have to have another crack at it next week :/

    @asbestos,,, Which version of IE are you using? It seems fine in IE8, its IE7 where it all falls down. And guess what the client uses!

    You could start by validating the page/template. Once it’s reasonably valid and if there’s still an issue in IE7, it might be worth looking at serving up an IE7 specific stylesheet using a conditional comment.

    Thread Starter MrBen

    (@mrben)

    @esmi Thats a valid point (no pup intended!). Its been mad at work the last week so I’ve on just had chance to look into this again. All fixed now and it validates. I still have the same problem however.

    Have just discovered that even in Firefox and Safari if you decrease the size of the window the text box moves below the left hand side bar!

    If any one has clue I’m be very grateful if you could help/point me in the right direction.

    My example page is here: https://www.kallkwikstratford.co.uk/dev/new-so/test-page/

    Thread Starter MrBen

    (@mrben)

    Right – looks like I’ve fixed it. I had applied the margin and width to #page.

    I removed the styles and created a container div out side of #page with the styles that #page used to have – and it works!

    @groovysoul – if you still having issues are you applying and values to #page in your css?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘IE7 problem’ is closed to new replies.