Skip to content

Instantly share code, notes, and snippets.

@joshprice

joshprice/IE6 and 7 header float bug [FIXED]

Created October 22, 2009 05:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save joshprice/215766 to your computer and use it in GitHub Desktop.
Save joshprice/215766 to your computer and use it in GitHub Desktop.
Download ZIP
zoom:1 is a hack for IE to recognise floating children and we use a margin-top of -1em to realign
Raw
IE6 and 7 header float bug [FIXED]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
.wrapper { border: 1px solid black; }
.wrapper h3 a { float: right; }
</style>
<!--[if lte IE 7]>
<style>
.wrapper h3 {overflow:hidden; zoom:1;}
.wrapper h3 a {margin: -1em 0 0 0;}
</style>
<![endif]-->
</head>
<body>
<div class="wrapper">
<h3>Contact Details
<a href="#" class="action button">Update</a>
</h3>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment