Previous Message
Next Message

New article on PIE - "In Search of the One True Layout"

Sent by Ingo Chao on 26 October 2005 19:07


Alex Robinson wrote:
> What would be most useful is if someone with access to a Windows box and 
> a bunch of Gecko-derived browsers could work on a simplified test case 
> that shows what combination of nestedness, overflow: hiddens etc cause 
> things to happen. Does the negative margins cause the problem? 

Small testcase:

http://www.satzansatz.de/cssd/tmp/fxselectbug.html

Confirmed with Firefox 1.0.5 [Mozilla/5.0 (Windows; U; Windows NT 5.1; 
en-US; rv:1.7.9) Gecko/20050711]

Not scrolling/bug fixed in Firefox 1.5beta2 [Mozilla/5.0 (Windows; U; 
Windows NT 5.1; en-US; rv:1.8b5) Gecko/20051006]

Suggestion for a fix: remove the position: relative in .wrapper h2

Seems to fix it in your test file too here 
(http://www.positioniseverything.net/articles/onetruelayout/example/rounded). 


regards
Ingo
----------

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>bug</title>


<style type="text/css">
/* code snippet without sense, just to reproduce the upscrolling 
drag-select bug */

#block_1
	{
	float: left;
	width: 150px;
	}

#block_1
	{
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	}

..wrapper
	{
	overflow: hidden;
	}

..wrapper h2
	{
	position: relative; /* remove to fix  */
	}
	
</style>
</head>
<body>

<div class="wrapper">
	<div id="block_1">
		<h2>Drag-select Block 1</h2>
		<p>filler</p>
	</div>
</div>
</body>
</html>


-- 
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: