WordPress.org

1. thebradmiskell
   Member
   Posted 2 years ago #

   thenoomzone.com is a site I built for a client. It looks fine in Firefox, Safari, Opera and IE8 w/ Windows 7.

   But my client runs IE 8 on XP and on her computer, in the sidebar, text or images in some areas automatically indent or add padding--but just to the first line of text.

   In my header, I instruct IE8 browsers thusly: <script src_"http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>

   for IE7 I send them to an ie7.css on my server.

   I'm going to lose my mind (and possibly my job) over this. Can someone please help. I'll be eternally grateful.

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Start by sorting out the validation errors on the site. Other than that I can't see any major differences between the display in Firefox and the display in IE8.

3. thebradmiskell
   Member
   Posted 2 years ago #

   Thank you, so much, for responding. I will validate again, though I've done so in the past.

   I'm looking at the site on IE8, too, and it's fine. But I was just sent screen shots from my clients system of the book company logos in the sidebar section BOOK IT that are pushed RIGHT so that they protrude out of the box. And the first line of text in each link in the LINKS section is also pushed like there's a double margin. But any of these links that are long enough to have a second line of text are, like 10 pixels to the left of the first line--making it seem like they're all indented as the first line of a paragraph.

   There are other, similar issues, and my client is being really impatient. Again, the site looks fine everywhere I've seen it (and on the vast majority of systems that I've gotten screen shots of it from browsershots.com).

   I'm going to go look at validating again.

4. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Got it! Your client is running IE8 in Compatibility Mode. Or she's using IE7 or below. Set up some conditional comment CSS for IE7 or below.

5. thebradmiskell
   Member
   Posted 2 years ago #

   I added some special rules to ZERO padding in affected divs. It pushed some things to the edge of the div, but still left what I can only describe as an indent.

   Here's a screen shot: http://browsershots.org/screenshots/ded5744887cd5d36d806b7b6fa0368f9/ ---the affected areas I'm trying to address now are the BOOK IT, LINKS and RECENT POST "widgets" in the sidebar. Any idea of what I can tell the special CSS to do?

   Thanks, again, so much. I'm really desperate.

6. thebradmiskell
   Member
   Posted 2 years ago #

   Just want to finish with a big thank you to esmi, who definitely pointed me in the right direction to get out of a lot of hot water.

Topic Closed

This topic has been closed to new replies.