Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › IE troubles.

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 3, 2013 at 4:14 pm #43115
    MightyZeus
    Member

    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 #126792
    Paulie_D
    Member

    Which version of IE is giving you trouble?

    March 3, 2013 at 4:27 pm #126794
    Merri
    Participant

    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 #126796
    Paulie_D
    Member

    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 #126803
    MightyZeus
    Member

    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 #126804
    MightyZeus
    Member

    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 #126807
    Anonymous
    Inactive

    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.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.