Grow your CSS skills. Land your dream job.

my site looks bad on internet explorer

  • # June 1, 2012 at 11:22 pm

    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/

    # June 3, 2012 at 2:01 am

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





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

    .ie header {
    /* Only Applied To IE */
    }
    # June 3, 2012 at 8:49 am

    not sure how to use it

    # June 3, 2012 at 10:54 am

    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.

    # June 3, 2012 at 11:09 am

    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.

    # June 11, 2012 at 12:42 pm

    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

    # June 11, 2012 at 2:04 pm

    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.

    # June 11, 2012 at 2:27 pm

    on home page http://www.carolinekeyzor.co.uk pagination nav under the slider not showing correctly, can you help me.

    # June 11, 2012 at 3:20 pm

    it looks like you have some conflicting css files. Custom.css and custom.css in two locations. Reason?

    # June 11, 2012 at 3:35 pm

    its one file, but strangely shows two time in firebug

    # June 12, 2012 at 10:14 am

    and chrome and IE.

    But there is one version on the root of your www and another in your theme folder.

    # June 12, 2012 at 9:40 pm

    “my site looks bad on Internet explorer”

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

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".