Grow your CSS skills. Land your dream job.

not displaying right in IE8 compatibility mode.

  • # November 26, 2012 at 11:24 am

    http://www.sgwhealthcare.com/Our-Test/Saint-Peters-University-Hospital

    when I’m in compatibility mode the content seems to be spaced out differently. The smaller text has to be lined up with the red h1 text. And the “g ” in challenge is cut off do you know why its rendering like that or maybe I have to specify a height? (also for IE in compatibility mode)

    Thanks guys!

    # November 26, 2012 at 12:02 pm

    I would certainly play with the line height for the h1 as it’s a lot less that the font-size.

    # November 27, 2012 at 1:11 am

    .zoneContentRight h1 { line-height: 28px; }

    # November 27, 2012 at 11:37 am

    thanks guys! any recommendations on how to fix the weird spacing?

    It looks like this:

    challenge:
    Build bla bla bla
    stuff goes here bla bla

    when it should look like this:

    challenge: Build bla bla bla
    bla bla bla bla bla

    # November 27, 2012 at 11:39 am

    Offhand I would say that you need to look at how the margins for the h1 and p tags and tweak as necessary in your IE stylesheet.

    For instance, your h1 has no top margin but your p tags do? If they are supposed to line up, then why the difference.

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

You must be logged in to reply to this topic.

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