Hi,

I am fighting with the 3px jog bug in IE6, but I can't seem to make it work. I 
have stripped it down to the xhtml below, which will still demonstrate the 3px 
jog bug despite the fix, which I have seen described several places on the web 
plus in CSS Mastery by Andy Bud.

Have I missed something in the fix, or maybe in the understaning of what the 
fix is supposed to do?

Any help is much appreciated.

Here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> 
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/* Zero down margin and padding generally on the whole site, in order to get 
complete control */
* {
 margin: 0;
 padding: 0;
}
#left {
 float: left;
 width: 100px;
 height: 30px;
 background: #FFC6E6;
}
#main {
 margin: 0 0 0 100px;
 background: #C4FFFB;
}
/* THE FIX, Hide from IE5-mac \*/
* html p {
 height: 1%;
 margin-left: 0;
}
/* End IE5/mac hide */
</style>
</head>
<body>
 <div id="left">
  <p>float</p>
 </div>
 <div id="main">
  <p>paragraph 1</p>
  <p>paragraph 2</p>
  <p>paragraph 3</p>
  <p>paragraph 4</p>
 </div>
</body>
</html>

/Morten
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to