diff options
| author | Michael Drake <tlsa@netsurf-browser.org> | 2009-01-27 13:28:41 +0000 |
|---|---|---|
| committer | Michael Drake <tlsa@netsurf-browser.org> | 2009-01-27 13:28:41 +0000 |
| commit | 96b8df5bca09008c3b613d90aae49e6ac1be3ec1 (patch) | |
| tree | a1ee44c8e864bd9f1bf95f34ef3d7df916999ee6 | |
| parent | 586e54b004f97583d78ba3fe61ecc200104128a7 (diff) | |
| download | netsurf-test-96b8df5bca09008c3b613d90aae49e6ac1be3ec1.tar.gz netsurf-test-96b8df5bca09008c3b613d90aae49e6ac1be3ec1.tar.bz2 | |
Test cases for place float below.
svn path=/trunk/netsurftest/; revision=6288
| -rw-r--r-- | haveproblems/place_float_below2.html | 61 | ||||
| -rw-r--r-- | works/place_float_below.html | 61 |
2 files changed, 122 insertions, 0 deletions
diff --git a/haveproblems/place_float_below2.html b/haveproblems/place_float_below2.html new file mode 100644 index 0000000..9c0b176 --- /dev/null +++ b/haveproblems/place_float_below2.html @@ -0,0 +1,61 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html><head><style type="text/css"> + +#container {
+ width: 989px;
+ }
+
+#right {
+ float: left;
+ width: 170px; + height: 20px; + background-color: blue; + } +#left {
+ float: left;
+ width: 180px; + height:600px; + background:yellow; + }
+#center {
+ float: left;
+ width: 608px;
+ height: 600px; + background:pink; + }
+.content {
+ width:100%;
+} +
+.top-ad-space { + height: 20px; + background:orange; +} + +.top-contentright { + height:100px; + width: 42%; + background:red; + float: right; + +} +</style> + +<body id="blogs"> +<div id="container"> + <div class="top-ad-space"> + <div class="top-contentright"> + Right float + </div> + </div> + <div id="left" style="color:black;"> + Left col + </div> + <div id="center" style="color:black;"> + Center col + </div> + <div id="right" style="color:black;"> + Right col + </div> + </div> diff --git a/works/place_float_below.html b/works/place_float_below.html new file mode 100644 index 0000000..2153b58 --- /dev/null +++ b/works/place_float_below.html @@ -0,0 +1,61 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html><head><style type="text/css"> + +#container {
+ width: 989px;
+ }
+
+#right {
+ float: left;
+ width: 170px; + height: 600px; + background-color: blue; + } +#left {
+ float: left;
+ width: 180px; + height:600px; + background:yellow; + }
+#center {
+ float: left;
+ width: 608px;
+ height: 600px; + background:pink; + }
+.content {
+ width:100%;
+} +
+.top-ad-space { + height: 20px; + background:orange; +} + +.top-contentright { + height:100px; + width: 42%; + background:red; + float: right; + +} +</style> + +<body id="blogs"> +<div id="container"> + <div class="top-ad-space"> + <div class="top-contentright"> + Right float + </div> + </div> + <div id="left" style="color:black;"> + Left col + </div> + <div id="center" style="color:black;"> + Center col + </div> + <div id="right" style="color:black;"> + Right col + </div> + </div> |