Support » Themes and Templates » Site displays horribly wrong in IE

  • Resolved kak4shi


    Basically I am just starting and I was just drag and dropping my site into WP. So I dragged in one page I had and it looks alright in Firefox just one alignment issue, but in IE…

    anything in IE that is wraped in table tags gets completely messed up. I really don’t know how to fix it, and not only that the characters page was xhtml translation when i made it but when i dragged it into wp i get like 60 errors.

Viewing 4 replies - 1 through 4 (of 4 total)
  • I saw your site, and there’s not many differences between Firefox and Internet Explorer (6), just the fonts a bit bigger in IE

    Check your XHTML for avoid problems (some errors were found). You also can use this Firefox Extension for check problems in source code, or you can use the tools included in software such as Dreamweaver

    well i admit its not horrible but annoying, as i did fix one of the issues that was occuring with the navigation, the other error is just the abnormally large font size.

    The theme you’re using uses xhtml strict. You use attributes like align="left" which will validate xhtml transitional, but not xhtml strict.

    But I don’t see how it would validate anything because you have unclosed tags.

    <td class="top">
    <img src="" align="left" alt="Cloud Strife" hspace="5" />
    <td class="wide">
    <b>Name: </b>Cloud Strife
    <b>Age:</b> 23
    <b>Height:</b> 173 cm
    <b>Birthdate: </b>August 19

    <b>Bio:</b> [...text truncated...]

    [...text truncated...]</td>

    TD class=top needs to close before you can open the TD class=wide. If you want to nest it, you’ll need to nest an entire TABLE set. The tag below the bio isn’t closed.

    Also, I don’t see where you are assigning the .wide and .top in your stylesheet.

    IE doesn’t recognize CSS nesting when it comes to tables. If you assign font sizes and other styles to the main content div, and nest a table within that div, all styles will need to be added to table classes for IE to apply them.

    So, first, clean up your code.

    Next, add the .wide and/or .top classe(s) to your stylesheet, then add the appropriate font/text styles to those classes.

    the reason the code is sloppy is because I was having other troubles and i guess i rushed and forgot to close the td tag. But I guess I will make classes for the tables and try that. Just not used to div style layouts.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Site displays horribly wrong in IE’ is closed to new replies.