IE quirks / issues

  • Resolved mixmastermichael

    (@mixmastermichael)


    12 years, 7 months ago

    Hello, I have a site here that I am having a few issues in IE with. Can someone take a look and possibly let me know how I can fix some of these issues in IE? Any help would be greatly appreciated!

    https://ameristarcareers.com/springfield

    Home page
    Line height is messed up on the H1 elements
    Iframe width on the form on the last slide is cut off

    other pages
    Footer menu nav is too small width wise
    the sidebar is overlapping the text… this is the most important one I would like to get fixed.

Viewing 10 replies - 1 through 10 (of 10 total)

  • Fix your code errors, esp. the style sheets links in the wrong place that break the doc type. See [Invalid] Markup Validation of ameristarcareers.com springfield – W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

    Thread Starter mixmastermichael

    (@mixmastermichael)

    Thanks I fixed up those errors I thought would be problematic, but I’m not sure what you mean by the stylesheets in the wrong place? Everything is as it should be for that aspect as I understand it.

    Thanks

    I fixed up those errors I thought would be problematic….

    Well, fix the rest of the errors. IE is very picky.

    Thread Starter mixmastermichael

    (@mixmastermichael)

    I appreciate it, but those errors aren’t specifically what’s causing the issues. I think it’s bascially due to CSS IE quirks that are hard for me to even address as I’m working on a mac.

    The only invalid markup ones aren’t really that important for layout issues…

    Any ideas on what I can do to get rid of some of those IE issues I mentioned above?

    Thanks!

    I see you are using HTML5.

    An HTML5 shiv may help. IE versions earlier than 9, will not allow styling for elements not recognized.

    To help with that I have installed the following after the meta charset line :

    <meta charset=UTF-8 />
<!--[if lt IE 9]>
<script type="text/javascript" src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
    Thread Starter mixmastermichael

    (@mixmastermichael)

    sweet, couldn’t hurt. Added that to the header.php file.

    Sorry, how could you tell that I was using HTML5? I was messing with the doctype earlier as I thought that might have been what is causing those IE issues, but nothing seems to change it up.

    @kevinhaig: Not the problem; look at the source for that site. You will see html5.js is already loading for IE.

    @mixmastermichael: you still have code errors; your ie style sheet throws a 404.

    Thread Starter mixmastermichael

    (@mixmastermichael)

    ah, got it. Sorry, thought I removed that ie.css part.

    I originally tried to make an IE.css style sheet to address issues only in IE, but it over wrote non ie styles, so I removed it.

    EDIT: removing that fixed my IE issues. UGGH. Wish I wasn’t being so unobservant for that part… just assumed it was wan IE css quirk

    @songdogtech :
    I noticed that and was wondering if that was a HTML5 shiv.

    I noticed the large code errors as well, both in HTML and CSS.

    With so many errors it’s funny the site is working in Firefox.

    @mixmastermichael: Your DOCTYPE declaration is HTML5.

    Thread Starter mixmastermichael

    (@mixmastermichael)

    hmm, my doctype is just
    <!DOCTYPE html> didn’t know that’s the html5 declaration these days

    thanks for taking a look both of you.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘IE quirks / issues’ is closed to new replies.