Grow your CSS skills. Land your dream job.

[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.

    http://www.kralenuitguatemala.woelmuis.nl/sieraden.html

    [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

    Code:

    And here in my CSS

    Code:
    .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>?

    Thanks,

    Matt

    # December 24, 2009 at 7:59 pm
    Code:
  • Enkelbandjes

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)

Matt

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

You must be logged in to reply to this topic.

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