summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMichael Drake <tlsa@netsurf-browser.org>2009-05-28 18:09:52 (GMT)
committer Michael Drake <tlsa@netsurf-browser.org>2009-05-28 18:09:52 (GMT)
commit4e8a327e54e2c99f689fd69a8f89b1ab32502640 (patch)
treefee3afde110d5decaf5d37e1f70b4e73be8c1cca
parent93e414659ae24d3af1dbbffc7244854254037bbf (diff)
downloadnetsurftest-4e8a327e54e2c99f689fd69a8f89b1ab32502640.tar.gz
netsurftest-4e8a327e54e2c99f689fd69a8f89b1ab32502640.tar.bz2
Regression test for r7614.
svn path=/trunk/netsurftest/; revision=7615
-rw-r--r--works/relative-position-floats.html66
1 files changed, 66 insertions, 0 deletions
diff --git a/works/relative-position-floats.html b/works/relative-position-floats.html
new file mode 100644
index 0000000..02bb9d7
--- a/dev/null
+++ b/works/relative-position-floats.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html>
+<head>
+<style>
+
+
+.colmid,.colleft
+ {
+ float:left;
+ width:100%; /* width of page */
+ position:relative;
+ }
+.col1,.col2,.col3
+ {
+ float:left;
+ position:relative;
+ padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead
+ only padding top and bottom is included here, make it whatever value you need */
+ overflow:visible;
+ }
+
+
+.colmid
+ {
+ right:25%; /* width of the right column */
+ }
+.colleft
+ {
+ right:50%; /* width of the middle column */
+ }
+.col1
+ {
+ width:46%; /* width of center column content (column width minus padding on either side) */
+ left:102%; /* 100% plus left padding of center column */
+ }
+.col2
+ {
+ width:21%; /* Width of left column content (column width minus padding on either side) */
+ left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
+ }
+.col3
+ {
+ width:21%; /* Width of right column content (column width minus padding on either side) */
+ left:85%; /* Please make note of the brackets here:
+ (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
+ }
+
+</style>
+</head>
+<body>
+ <div class="colmid">
+ <div class="colleft">
+ <div class="col1">
+ col1
+ </div>
+ <div class="col2">
+ col2
+ </div>
+ <div class="col3">
+ col3
+ </div>
+ </div>
+ </div>
+</body>
+</html>