Isn't this a rounding error? While resizing the window pixel by pixel,
the gap flickers in Opera and Safari. In Firefox, a gap appears at small
window sizes.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
/*<![CDATA[*/
#wrapper { overflow: hidden; }
#wrapper div { height: 20px;}
#primary {
background: green; float: left; width: 44%; margin-left: 56%; }
#secondary {
background: blue; float: left; width: 32%; margin-left: -100%; }
#tertiary {
background: red; float: left; width: 2%; margin-left: -68%; }
/*]]>*/
</style>
</head>
<body>
<div id="wrapper">
<div id="primary"></div>
<div id="secondary"></div>
<div id="tertiary"></div>
</div>
</body>
</html>
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/