Skip to content

Instantly share code, notes, and snippets.

@juarezpaf

juarezpaf/grid like crossbrowser.html

Created July 16, 2009 02:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save juarezpaf/148108 to your computer and use it in GitHub Desktop.
Save juarezpaf/148108 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
grid like crossbrowser.html
<html>
<head>
<style>
li {
width: 200px;
min-height: 250px;
border: 1px solid #000;
display: -moz-inline-stack;/*hack FF2*/
display: inline-block;
vertical-align: top;
margin: 5px;
zoom: 1;/*haslayout http://haslayout.net/haslayout*/
*display: inline; /*hack IE7*/
_height: 250px;/*hack IE6*/
}
</style>
</head>
<body>
<a href="http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/">See original article</a>
<ul>
<li>
<div>
<h4>This is awesome</h4>
<img src="http://farm4.static.flickr.com/3623/3279671785_d1f2e665b6_s.jpg"
alt="lobster" width="75" height="75"/>
</div>
</li>
<li>
<div>
<h4>This is awesome</h4>
<img src="http://farm4.static.flickr.com/3623/3279671785_d1f2e665b6_s.jpg"
alt="lobster" width="75" height="75"/>
</div>
</li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment