Forum Moderators: not2easy

Message Too Old, No Replies

CSS Display Problem in IE8

         

SethPepper

2:42 pm on Jun 25, 2009 (gmt 0)

10+ Year Member



I have worked very hard to get this website compliant to all web browsers of both pc and mac.. only to find out recently that IE8 (internet explorer) now has my page displaying incorrectly. Can anyone help me to make send of what adjustment I need to make to the CSS file in order to have it correct on all platforms:

[edited by: SuzyUK at 2:45 pm (utc) on June 25, 2009]
[edit reason] no URIs per Charter [WebmasterWorld.com] [/edit]

jameshopkins

2:54 pm on Jun 25, 2009 (gmt 0)

10+ Year Member



Can you please post your entire page markup? Please remember to enclose it with [code] tags

SethPepper

3:35 pm on Jun 25, 2009 (gmt 0)

10+ Year Member



I'm having trouble posting it.. says it's too large.

SuzyUK

3:36 pm on Jun 25, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Can you please post your entire page markup

friendly reminder.. can you NOT do that please :) - see: Guide to Posting HTML and CSS [webmasterworld.com] thanks.

Welcome to WebmasterWorld, SethPepper!

I'm not too hot on IE8 differences yet, but I believe there is a meta tag (single line) you can put into your pages which will make them render as IE7, which might do temporarily until you nail down any/all issues in order to be able to remove the tag..

@jameshopkins.. do you know the best tag SethPepper could use?

[edited to add]
>>too large
thought it might be ;) - when trying to find out which bits are actually causing issues.. try narrowing down and isolating bits of the code that are not rendering as expected and then post the smaller chunks so we can help with then one at a time

[edited by: SuzyUK at 3:39 pm (utc) on June 25, 2009]

SethPepper

3:41 pm on Jun 25, 2009 (gmt 0)

10+ Year Member



What part of the markup would you like to see?

SuzyUK

3:46 pm on Jun 25, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Isolate whichever bits not rendering correctly..

say e.g. it's the header or a sidebar, stick the code for it in a clean test page (with the same doctype as you're using just now) test the page, remove all personal/company identifying information, replace text with foo text [html-ipsum.com] and replace long links with '#' and if it's still wonky then you have a test case to post :)

jameshopkins

3:57 pm on Jun 25, 2009 (gmt 0)

10+ Year Member



friendly reminder.. can you NOT do that please :) - see: Guide to Posting HTML and CSS thanks.

My bad, again. I assumed that if you can't post links to examples, then you could at least include the complete markup?! Many people I find who ask for help in forums such as these are unaware of such things as Doctype switching - which can be the underlying cause of many such issues. With this in mind, it's impossible to tell whether the page is being rendered in Standards or Quirks mode, if they're only allowed to post snippets where they think the problem lies, and if they're coming here specifically asking for help, then it becomes a bit of a catch 22.

do you know the best tag SethPepper could use?

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

I would however urge you to find out the underlying cause of your issues; relying on the quirks of IE7 is certainly not a futureproof solution.

SuzyUK

4:04 pm on Jun 25, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Thanks for that!

I would however urge you to find out the underlying cause of your issues; relying on the quirks of IE7 is certainly not a futureproof solution.

Agreed, that's why I too said temporarily ;).. I also would love to urge everyone to find the underlying issues, however it's not always possible when big sites are already out there and it's not their fault IE broke them ;) - It's a good solution to use until any issues are identified or indeed or if such 'issues' are still actually IE8 Bugs!