Odd display issue in IE 6&7

Discussion in 'HTML & Website Design' started by NickR25, Apr 4, 2009.

0
  1. #1
    I have a weird issue that occurs when viewing my homepage (http://www.adminaddict.com/) with Internet Explorer 6 or 7.

    As you can see in this image, it causes some text to be broken up to the point where only one word is printed per line.
    http://i40.tinypic.com/5mqux.gif+

    It's a huge design issue and I have no idea what the cause of it is. I'm baffled, since it works fine in IE 8, FF and most other browsers.

    Any assistance or guidance is greatly appreciated.
     
    NickR25, Apr 4, 2009 IP
  2. justinlorder

    justinlorder Peon

    Messages:
    4,160
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    0
    #2
    It is because the one of the columns(left column or right column) break the width of their box .
    Try to fix it by setting a smaller width or small margin of the column DIV.
     
    justinlorder, Apr 4, 2009 IP
  3. katendarcy

    katendarcy Peon

    Messages:
    115
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Try adding to .post:
    width:100%;

    I just tried it quickly locally but it worked. Hope that helps. :)
     
    katendarcy, Apr 4, 2009 IP
  4. NickR25

    NickR25 Peon

    Messages:
    394
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I don't have IE 6 or 7 installed so I'm waiting on www.browsershots.org to show me what it looks like.

    If you've got one of those versions of IE installed, could you check it out for me? I've applied the change you recommended.

    I appreciate it.
     
    NickR25, Apr 4, 2009 IP
  5. katendarcy

    katendarcy Peon

    Messages:
    115
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I just checked it in IE7 and it looks right to me. Two things I noticed: there's a slight margin difference between IE7 and FF regarding the space between the last post and the "older entries" link/div, as well as at the bottom of posts. However, judging from the picture, at least the latter one was already there. Second, in IE, when your "Posted on..." is too long and runs into "Subscribe | Add a Comment", IE squishes the latter to fit, while FF moves it down a line. Maybe not a big difference, but I thought I'd point it out. (Again, I don't think either of these had to do with the change, but regardless I thought I'd point them out.)

    Let me/us know if you have any questions. :)
     
    katendarcy, Apr 4, 2009 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    Step 1, clean up the 27 validation errors so you do not have

    Step 2, get all that presentational nonsense OUT of the markup.

    Step 3, get rid of all those unneccessary classes.

    Step 4, upgrade to the latest wordpress before you are hacked, not that upgrading REALLY makes a difference in that department.

    Step 5... At that point, throw it out and start over with clean semantic markup and separation of presentation from content. The markup vomited up by that current theme isn't fit to wipe with - As evidenced by the 30k of markup for 12k of content, inlined style attributes, redundant classes on elements that are all the same inside a common wrapper, simple fixed width layout that somehow has four DIV before it even gets to the heading, nonsensical heading orders, etc, etc...
     
    deathshadow, Apr 4, 2009 IP
  7. NickR25

    NickR25 Peon

    Messages:
    394
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I have no experience with WordPress themes. This one was custom made along with our forum skin.
    I will take your suggestions into consideration and see what I can do.
     
    NickR25, Apr 5, 2009 IP