Facts:
- The bug affects all browsers built on the Firefox 1.0 code base, which
amounts to over 5% of the web surfers.(Netscape through version 8 is one.)
If afflicts none of the others including FF 1.5, 2.0, NS 9, IE 6 & 7, Opera,
and Safari PC.
- When you window first appears, it displays a scroll bar.  If you resize
text either up or down, or touch the resize window larger or smaller, it
will immediately disappear.
- I haven't found a good way around it.  The only page I don't have a
problem with it is one with a javascript slide show.  The slide show has to
actually run for the problem to disappear.  I'd rather not hide a single
frame 1px blank.gif slide show in every page even though that works.
 
Code:
This is the simplified code the demonstrates the problem:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Firefox Bug</title>
<style type="text/css">
body{
 font-family: Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
 text-align:center;
 position:relative; /*IE6 hack*/
}
#page
{
  min-width: 160px;
  max-width: 776px;
  /*IE 6 and earlier hack for min/max width*/
  width:expression(document.body.clientWidth > 776? "776px" : "auto");
  margin: 0 auto; /*IE hack to center*/ 
  zoom:1; /*IE hack to Fix refresh problem*/
  padding:0px;
  text-align:left;
  /*border: 1px solid #000000;*/
  position:relative;
}
#columns {float:left; overflow:hidden; border:5px solid #FF66FF;
width:98.67%;}
#left {background-color:#ff0000;} 
#main3 {background-color:#00ff00; }
#right {background-color:#0000ff;}
#left, #main3, #right{
 width:31.91%; 
 padding:5px 5px 2000px 5px; 
 margin:0 0 -2000px 0;
 float:left;
 }
</style>
</head>
<body>
<div id="page">
  <div id="columns">
    <div id="left">Column filler text</div> 
    <div id="main3">Column filler text<br />Column filler text</div>
    <div id="right">Column filler text<br />Column filler text<br />Column
filler text</div>
  </div>
</div>
</body>
</html>

Thanks tons!
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to