IE7 and PIE Easy Clearing

With IE7 for Windows officially out, we have to now deal with new browser issues, like the IE box model being fixed. The biggest issue for me has been how to handle changes in box clearing using the easy clearing method. Roger Johansson at 456 Berea Street blogged about the issue, and CSS-D maven Ingo Chao provided a link to the solution which involves adding display:inline-block and then display:block:

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

Time to patch some CSS.

Comments

01 Jason
10/22/06 @ 17:01

I've found some problems with IE&, but not as much as I thought I would

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <b> <strong> <dd> <dl> <dt> <i> <li> <ol> <u> <ul> <code> <blockquote> <fieldset> <legend> <h6> <span> <img> <div> <p>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options