Grow your CSS skills. Land your dream job.

IE issues with a site

  • # September 19, 2012 at 8:58 pm

    Built a custom theme on wordpress that works in everything but IE… Tested using IE tester and adobe browser tester.

    http://www.studentsofdesign.com/ysu/jp/

    Even simple things like the nav being an in-line block and list style isnt being done correctly. Validate comes up fairly clean, with some small things that I could fix, but see no reason (ie. a
    in a UL).

    Other than that, I thought all my markup and css should be workable in IE, simply because it is a simple site. The only thing I can really think of is that I am using a fluid grid. Anyone have any input? Would be appreciated, thanks.

    # September 20, 2012 at 6:15 am

    inline-block causes issues in IE8 and lower, basically because inline-block is better suited for turning using properties of a block element on an inline element, rather than the other way around…here is a fallback to fix your navigation issue (for the most part…you may need to adjust further)

    see here: http://codepen.io/anon/pen/HLBJd

    your other solution, would be to float the elements instead, which will keep the block integrity as well as allow them to line up nice and neat.

    # September 20, 2012 at 10:57 am

    You might want to read this: http://css-tricks.com/forums/discussion/13524/inline-block-vs-float/p1.

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