Grow your CSS skills. Land your dream job.

IE troubles.

  • # March 3, 2013 at 4:14 pm

    Good day all,
    I’m new to these forums and came here after a friend recommended it after I ran my troubles past him. I’m hoping that you guys can help me, this is my first website and I am better versed in Photoshop than I am in Dreamweaver. But after having run my design past a couple of students (due to “budget constraints”), I decided to take a nab at it myself cause most of the students wanted to use templates or compromise the design as it stood.

    Anyhow, long story short…I bought some tuts from lynda.com and researched via the net and finally completed the site to my liking. Now that all is said and done, I forgot to check my site on Internet Explorer (not that I would’ve been to resolve issues that I ran into) and ran into major issues right at the end. My site works perfectly on Chrome, Firefox, Safari and Opera but it’s gutted on IE. I also couldn’t get the container shadows on there I tried the box shadow.

    Here are the links:
    Original PSD Design: http://i1249.photobucket.com/albums/hh513/mightyzeus2/CaineContactUs.jpg
    Links to active site: http://cainidp.site44.com/

    # March 3, 2013 at 4:22 pm

    Which version of IE is giving you trouble?

    # March 3, 2013 at 4:27 pm

    Seems to be all up to IE10. There is quite a bit of syntax mess and odd element positioning, such as tons of script elements before any meta, title or style tags in the head element. This also causes some issues when running a validator:

    http://validator.w3.org/check?uri=http%3A%2F%2Fcainidp.site44.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    # March 3, 2013 at 4:33 pm

    I think a lot of it is going to be that the [head] section is a total mess.

    The charset needs to be in the first line or two after the doctype is declared.

    Your js files are loading in a weird order.

    Certainly Modernizer & Jquery should be in the first with other dependencies loaded afterwards.

    Frankly, I’m stunned it’s rendering in ANY browser.

    # March 3, 2013 at 5:11 pm

    lol @ your surprise that it’s rendering at all. where do i go from here? do i remove all scripts from the head section and place them before the ? and do i export the css and rather link to it?

    # March 3, 2013 at 5:13 pm

    ie 8 is giving me problems but i would like to make it compatible with all versions as i’m assuming that visitors to the site will be using varying versions.

    # March 3, 2013 at 6:51 pm

    One way to resolve some issues is to link external stylesheets that only apply to IE browser.
    Your using div id where it should be div class.

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

You must be logged in to reply to this topic.

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