Grow your CSS skills. Land your dream job.

Content Not Displaying Correctly in IE 8 and iOS Safari

  • # September 15, 2011 at 1:36 pm

    There are many ways to style this header block. But you don’t need empty clearing divs – ever. At the very least you can accomplish the same thing using the clearfix method which adds a pseudo element and clears that, but that’s all done with css, where the styling should be – not in html, which is where empty clearing elements have no place.

    So, you could use the clearfix method, but again giving the header a fixed height is the simplest solution. Barring those two, you could float the logo left with a clear: left; and not float the menu but give it the necessary margin to place it in the right spot.

Viewing 16 post (of 16 total)

You must be logged in to reply to this topic.

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