treehouse : what would you like to learn today?
Web Design Web Development iOS Development

my site looks bad on internet explorer

  • my site looks bad on internet explorer, is that possible to fix?
    heres the url..
    carolinekeyzormirror.dreamhosters.com
    http://carolinekeyzormirror.dreamhosters.com/portfolio-items/london-evening-standard-british-airways/

  • why don't you fix it with internet explorer class, this is what i do

    <!--[if IE 6]> <html class="ie ie6 lt9"> <![endif]-->
    <!--[if IE 7]> <html class="ie ie7 lt9"> <![endif]-->
    <!--[if IE 8]> <html class="ie ie8 lt9"> <![endif]-->
    <!--[if IE 9]> <html class="ie ie9"> <![endif]-->

    everything that has ie will only apply to ie, like:

    .ie header {
    /* Only Applied To IE */
    }
  • not sure how to use it
  • A bit too many class' going on for me to really give a solid answer, but it looks like you might be setting the navigation div that holds all the list items to a width of 140px.

    #pages li{float:left; font-size:1.2em;font-weight:normal;list-style-type:none; width:140px; margin-left:15px;text-transform:uppercase; margin-top:20px}

    ^^the above is an instance where this might be the case. I understand that it to make the width of each li 140px and not the list itself though.

    My suggestion is to put the navigations links in a div/span w.e that is the width of your page (roughly 700px) so that IE won't shove the list off to the right. It looks like they are in a container at the moment that is forced to the right because it is set to float but has no pre-determined width.
  • You didn't specify on which version(s) of Internet Explorer it looks bad, and also not what part(s) look bad. You'll have to be a little more specific.

    I'm guessing that you mean the top menu on IE7. This is because you give #top a height of 100px. Either remove that, or increase it to 180px.
  • on home page pagination nav under the slider not showing correctly, can you help me.

    Also on this page http://www.carolinekeyzor.co.uk/portfolio/
    in the 3rd line shows only one image
  • It's a float issue.

    "London Evening Standard/ British Airways" drops to two lines and forces "girlguiding UK" to get stuck on the right of it. Either reduce the font size to make a single line or force all of your divs to be the same height.
  • on home page http://www.carolinekeyzor.co.uk pagination nav under the slider not showing correctly, can you help me.
  • it looks like you have some conflicting css files. Custom.css and custom.css in two locations. Reason?
  • its one file, but strangely shows two time in firebug
  • and chrome and IE.

    But there is one version on the root of your www and another in your theme folder.
  • "my site looks bad on Internet explorer"

    That's basically the definition of IE around here, sadly.