Author: tlsa
Date: Tue Jan 20 15:38:25 2009
New Revision: 6157
URL: http://source.netsurf-browser.org?rev=6157&view=rev
Log:
Test cases for fixed issue with -ve margin floats.
Added:
trunk/netsurftest/works/float-based-layout.html
- copied, changed from r6154,
trunk/netsurftest/haveproblems/float-based-layout.html
trunk/netsurftest/works/float-negative-margin.html
Removed:
trunk/netsurftest/haveproblems/float-based-layout.html
Removed: trunk/netsurftest/haveproblems/float-based-layout.html
URL:
http://source.netsurf-browser.org/trunk/netsurftest/haveproblems/float-based-layout.html?rev=6156&view=auto
==============================================================================
--- trunk/netsurftest/haveproblems/float-based-layout.html (original)
+++ trunk/netsurftest/haveproblems/float-based-layout.html (removed)
@@ -1,123 +1,0 @@
-<html>
-<head>
-<style>
-.container {
- width: 770px;
- }
-
-.column {
- float: left;
- }
-
-.leftCol {
- width: 203px;
- }
-
-.mainCol {
- margin: 0 4px 0 218px;
- width: 366px;
- }
-
-.rightCol {
- width: 181px;
- }
-
-.threeCol .leftCol {
- margin-left: -588px;
- }
-</style>
-</head>
-
-<body>
-
-
-
-<div style="background:#fcc;">The three columns are floated left. Using a big
negative margin, the middle one appears on the left hand side. When the right
column is positioned, it should be positioned next to the furthest float across
the page, not next to the previous float.</div>
-
-
-
-<div class="container">
- <div class="threeCol">
- <div class="column mainCol">
- Blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- blah blah blah blah blah blah blah blah blah blah blah blah
- </div>
- <div class="column leftCol">
- Left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- left left left left left left left left left left left left
- </div>
- <div class="column rightCol">
- Right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- right right right right right right right right right right
- </div>
- </div>
- <div class="footer">
- Footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- footer footer footer footer footer footer footer footer footer
- </div>
-</div>
-</body>
-</html>
Copied: trunk/netsurftest/works/float-based-layout.html (from r6154,
trunk/netsurftest/haveproblems/float-based-layout.html)
URL:
http://source.netsurf-browser.org/trunk/netsurftest/works/float-based-layout.html?p2=trunk/netsurftest/works/float-based-layout.html&p1=trunk/netsurftest/haveproblems/float-based-layout.html&r1=6154&r2=6157&rev=6157&view=diff
==============================================================================
--- trunk/netsurftest/haveproblems/float-based-layout.html (original)
+++ trunk/netsurftest/works/float-based-layout.html Tue Jan 20 15:38:25 2009
@@ -1,3 +1,5 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd";>
<html>
<head>
<style>
Added: trunk/netsurftest/works/float-negative-margin.html
URL:
http://source.netsurf-browser.org/trunk/netsurftest/works/float-negative-margin.html?rev=6157&view=auto
==============================================================================
--- trunk/netsurftest/works/float-negative-margin.html (added)
+++ trunk/netsurftest/works/float-negative-margin.html Tue Jan 20 15:38:25 2009
@@ -1,0 +1,34 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd";>
+<html>
+<head>
+<style>
+
+.column {
+ float: left; }
+
+.leftCol {
+ width: 200px;
+ margin-left: -500px;
+ background: red;
+ height:100px; }
+
+.mainCol {
+ margin: 0 0 0 200px;
+ width: 300px;
+ background: orange; }
+
+.rightCol {
+ width: 100px;
+ background: yellow;
+ height:50px; }
+</style>
+</head>
+
+<body>
+
+<div class="column mainCol">Main</div>
+<div class="column leftCol">Left</div>
+<div class="column rightCol"><br>Right</div>
+</body>
+</html>
_______________________________________________
netsurf-commits mailing list
[email protected]
http://vlists.pepperfish.net/cgi-bin/mailman/listinfo/netsurf-commits-netsurf-browser.org
