The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

[Solved] Screencast #14

  • # December 24, 2009 at 11:05 am

    Hello everybody,

    In podcast nr 14 the following problem is addressed:

    When you make a collem float, the float has somehow no hight and
    the footer collapes inward to my nav menu.
    [attachment=1]video example.jpg[/attachment]

    The way to deal with this is to clear the float.

    Oke, so this works perfect in almost all browsers, but not in IE8 somehow.
    And becaulse I am no geanious, I’m rather stuck now.

    [attachment=0]my problem.jpg[/attachment]

    I have tried to use these meta things to make it also work in IE8: (because in IE7 the site works fine)
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta http-equiv=”X-UA-Compatible” content=”IE=edge” />
    but these didn’t work.

    Oke. so this is my clear


    And here in my CSS

    .clear { clear: both; }

    The validator said:

    Line 62, Column 7: unclosed end-tag requires SHORTTAG YES
    <div class="clear"> </div>?
    The construct </foo<bar> is valid in HTML (it is an example of the rather obscure “Shorttags” feature) but its use is not recommended. In most cases, this is a typo that you will want to fix. If you really want to use shorttags, be aware that they are not well implemented by browsers.

    But as chris used it himself I think it should be fine…

    Any Idea>?



    # December 24, 2009 at 7:59 pm

    This reply has been reported for inappropriate content.

  • Enkelbandjes
  • </ul

You didn’t close the ul tag properly. I think that could be what is causing the IE8 problem and validator error.

# December 25, 2009 at 6:59 am

wow, I can’t believe it was that simple
and i am very glad that it was just a little mistake, and not some bigger IE8 problem

thanks a million jamy_za! (I was starting to pull out my hair)


Viewing 3 posts - 1 through 3 (of 3 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