Website Layout, Need Help!

by 8 replies
10
Hi,

One of my niche sites are setup differently between Google chrome and internet explorer. I setup the site in Google chrome but for some reason when I go to it in internet explorer, parts of the site are setup wrong. For example text and picture alignment is wrong. I access the back-end (wordpress) in explorer and visually everything is alright. I also checked a few of my other sites in explorer with the same template and they seem to fine. Could this be a plugins fault? Has anybody else ran into this problem? If anybody would like to see the domain name let me know and I will message you with it.

Thanks for reading!
#website design #layout #website
  • IE renders differently, so it may need different css statements.
    You probably need to add conditional statements for IE.
    See Internet Explorer Conditional Comments ยป Learn CSS3 | Cheat Sheet | CSS Tutorial | Selectors | Properties for more info
    • [ 1 ] Thanks
  • Isaiah Coe,

    As mentioned by KirkmcD, a website will be rendered differently depending on the browser you are using. Some language is interpreted fine with one browser yet another will not recognize it as valid code. Try identifying which styles are not being rendered in ie and look up a fix for that.

    In the future, you may want to take a look at visitor data in an analytics platform to determine which browsers most of your users are viewing your website with and design with that in mind. There can even be problems between versions of browsers. For instance code may render fine in Internet Explorer 8 but not in previous versions.

    Try validating your code with this free service to see where your problems are,

    The W3C Markup Validation Service

    Hope that helps,

    Shawn
    • [ 1 ] Thanks
  • Can anyone tell me how to add the tags to WordPress?
    (Internet Explorer Conditional Comments)
    • [2] replies
    • Isaiah,

      Typically, you can add the IE fixes to your style.css. I like to use @import at the top of my style.css to link to a series of separate stylesheets including one dedicated to IE fixes, which I call "ie.css". The separation helps keep me organized and ease in troubleshooting.

      At any rate, if you didn't roll the theme yourself and you've seen it render correctly in IE before with other sites, my suggestion -- if it complies with the rules here -- is that you should post the URL of the problematic website and a URL of the theme working on another website, so that we might be able to troubleshoot with you. I'm guessing that the problem may be something other than IE -- at least if we are talking about IE9.
    • You would need to edit the header file of your theme, found in:
      /wp-content/themes/YOUR_THEME_NAME/header.php

      If you're willing to post a link to the page you're having trouble with here, and tell us exactly what's wrong l'd be more than happy to take a peek for you. Sometimes it's a very simple fix if you know what to look for!
      • [1] reply
  • Isaiah Coe,

    You might try adding the following code to .hentry on line 531 of style.css

    {text-align:left;}


    This is what the entry should look like before you add the code,


    .hentry {
    margin: 0 0 48px;
    }

    and after,

    .hentry {
    margin: 0 0 48px;
    text-align: left;
    }

    Let me know if that helps,

    Shawn
    • [ 1 ] Thanks
    • [1] reply
Join the discussion

Next Topics on Trending Feed

  • 10

    Website Layout, Need Help!

    Hi, One of my niche sites are setup differently between Google chrome and internet explorer. I setup the site in Google chrome but for some reason when I go to it in internet explorer, parts of the site are setup wrong. For example text and picture alignment is wrong. I access the back-end (wordpress) in explorer and visually everything is alright. I also checked a few of my other sites in explorer with the same template and they seem to fine. Could this be a plugins fault? Has anybody else ran into this problem? If anybody would like to see the domain name let me know and I will message you with it.