Get a free trial // Grow your CSS skills // Land your dream job

not displaying right in IE8 compatibility mode.

  • # November 26, 2012 at 11:24 am

    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:

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed