Advanced Search

Cross Browser display:inline-block

/ Published in: CSS
Save to your folder(s)
You’ve now told the HTML web page that is linked to this CSS document to display the nav_bar list as inline-block – or in a single, horizontal row. The first problem: IE6 and IE7 don’t recognize it, so you need to add something that only they will recognize:

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. ul#nav_bar li {
  2. display:inline-block;
  3. zoom: 1;
  4. *display: inline;
  5. }

URL: http://3liters.com/blog/tag/inline-block-ie7/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.