Internet Explorer Incompatibility.

  • Hey guys,

    I had a problem with my website not showing correctly in IE6 and possibly IE7. I checked my site with w3c validator and fix quite some errors. Then the site seemed to appear correctly in the browser. Even the person who pointed the problem out said it was ok. But today I opened my site again with IE6 and it showed incorrectly again. The problem is that the sidebar loads after the content (posts). I think the problem is the code boxes I insert. They become too large and cause the sidebar to load after them and not next to them (to the right). Here’s the code I use for the code boxes I generate:

    code {
    display:block;
    font: 1em ‘Courier New’, Courier, Fixed, monospace;
    font-size : 100%;
    color: #000;
    background : #fff url(images/preback.jpg) no-repeat left top;
    overflow : auto;
    text-align:left;
    border : 1px solid #99cc66; /*highlight color */
    padding : 0px 20px 0 30px;
    margin:1em 0 1em 0;
    line-height:17px;
    }

    I tried limiting the width using width:50px; and it worked in Firefox but the code inside still stretched the codebox and caused the sidebar to load incorrectly in IE6.

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

  • Hi AssassiNBG,
    Sorry, it’s a little hard to make an accurate suggestion without seeing what is happening. That being said your sidebar content is most likely exceeding the space left inside your main container. I would suggest checking the following:

    1. The overall width of your main container (“wrap”), let’s assume it’s 940px.

    2. The overall width assigned to your posts, lets assume it’s 600px.

    3. The overall width your sidebar is assigned, let’s assume it’s 300px.

    4. Your gutter space, this means calculate the margins, padding and left/right borders assigned to both your post area and your sidebar area.

    5. Add all these numbers up, if they sum exceeds 940px (the width of your main container), you will have the answer to your problem.

    Hope this helps,
    Chet

    Thread Starter assassinbg

    (@assassinbg)

    Hi,

    I’m really sorry for not getting back to the topic for 2 weeks. I was really busy.

    So I think I should redirect you to the website so you can make an accurate suggestion as you see the behavior of the website or sidebar. Here it is:

    https://clan-tlg.com/

    Also where can I make those calculations you mentioned about the width of different components, do I have to look through the styles.css file?

    Regards and thanks very much for the help!

    Thread Starter assassinbg

    (@assassinbg)

    PS. I think I found out where the problem is. The titles of some posts are too long and in firefox the part that exceeds the main content area goes ‘behind’ or ‘under’ the sidebar without causing it to shift after the content. While in IE6 it tries to brake the name after the 55th character and show the rest on the next line. Though the 55th character is far into the sidebar and since IE can’t produce that effect FF does it causes the sidebar to load after the posts.

    So now I’m wondering which template file I should change? I’m not sure if this is a template thing or wordpress thing. If it’s a wp thing where can I limit the ’55th character brake position’ and will that not affect how the posts appear in FF? It doesn’t seem to brake long post names now, so maybe it won’t? What do you think?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Internet Explorer Incompatibility.’ is closed to new replies.