summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMichael Drake <tlsa@netsurf-browser.org>2008-10-13 10:54:20 (GMT)
committer Michael Drake <tlsa@netsurf-browser.org>2008-10-13 10:54:20 (GMT)
commit443003b66f42c82be36ff6926c017f88e9e57ff0 (patch)
tree4be4d7ea16eb4ab92d0fde06d600e7ec49409009
parent8ff7919d9f8836c398018ebf793fc1b50a590e11 (diff)
downloadnetsurftest-443003b66f42c82be36ff6926c017f88e9e57ff0.tar.gz
netsurftest-443003b66f42c82be36ff6926c017f88e9e57ff0.tar.bz2
Add test cases for precentage height. (Blocks in normal flow, floats, absolutely positioned blocks and inline-blocks.)
svn path=/trunk/netsurftest/; revision=5554
-rw-r--r--works/percentage-height-2.html15
-rw-r--r--works/percentage-height-absolute-position-2.html18
-rw-r--r--works/percentage-height-absolute-position.html15
-rw-r--r--works/percentage-height-float-2.html18
-rw-r--r--works/percentage-height-float-3.html18
-rw-r--r--works/percentage-height-float.html15
-rw-r--r--works/percentage-height-inline-block-2.html18
-rw-r--r--works/percentage-height-inline-block.html16
-rw-r--r--works/percentage-height.html15
9 files changed, 148 insertions, 0 deletions
diff --git a/works/percentage-height-2.html b/works/percentage-height-2.html
new file mode 100644
index 0000000..40fcaab
--- a/dev/null
+++ b/works/percentage-height-2.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Percentage height</title>
+</head>
+<body>
+
+<div style="height:20em;width:20em;background:#00f;padding:1em;">
+ <div style="height:100%;background:#f00;width:10em;margin:0 auto;">
+ moo
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/works/percentage-height-absolute-position-2.html b/works/percentage-height-absolute-position-2.html
new file mode 100644
index 0000000..94a0edf
--- a/dev/null
+++ b/works/percentage-height-absolute-position-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Percentage height</title>
+</head>
+<body>
+
+<div style="position:relative;height:20em;width:20em;background:#00f;">
+ <div style="background:#0f0;">
+ moose
+ <div style="height:100%;background:#f00;width:10em;position:absolute;top:0;right:0;">
+ moo
+ </div>
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/works/percentage-height-absolute-position.html b/works/percentage-height-absolute-position.html
new file mode 100644
index 0000000..1525a62
--- a/dev/null
+++ b/works/percentage-height-absolute-position.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Percentage height</title>
+</head>
+<body>
+
+<div style="position:relative;height:20em;width:20em;background:#00f;">
+ <div style="height:100%;background:#f00;width:10em;position:absolute;">
+ moo
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/works/percentage-height-float-2.html b/works/percentage-height-float-2.html
new file mode 100644
index 0000000..2277f36
--- a/dev/null
+++ b/works/percentage-height-float-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Percentage height</title>
+</head>
+<body>
+
+<div style="overflow:hidden;height:20em;width:20em;background:#00f;">
+ <div style="background:#0f0;">
+ moose
+ <div style="height:100%;background:#f00;width:10em;float:right;">
+ moo
+ </div>
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/works/percentage-height-float-3.html b/works/percentage-height-float-3.html
new file mode 100644
index 0000000..fc2c11f
--- a/dev/null
+++ b/works/percentage-height-float-3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Percentage height</title>
+</head>
+<body>
+
+<div style="overflow:hidden;background:#00f;">
+ <div style="height:20em;width:20em;background:#0f0;">
+ moose
+ <div style="height:100%;background:#f00;width:10em;float:right;">
+ moo
+ </div>
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/works/percentage-height-float.html b/works/percentage-height-float.html
new file mode 100644
index 0000000..c3e3cc4
--- a/dev/null
+++ b/works/percentage-height-float.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Percentage height</title>
+</head>
+<body>
+
+<div style="overflow:hidden;height:20em;width:20em;background:#00f;">
+ <div style="height:100%;background:#f00;width:10em;float:right;">
+ moo
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/works/percentage-height-inline-block-2.html b/works/percentage-height-inline-block-2.html
new file mode 100644
index 0000000..4e7bb4f
--- a/dev/null
+++ b/works/percentage-height-inline-block-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Percentage height</title>
+</head>
+<body>
+
+<div style="height:20em;width:20em;background:#00f;">
+ <div style="background:#0f0;">
+ moose
+ <div style="height:100%;background:#f00;width:10em;display:inline-block;">
+ moo
+ </div>
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/works/percentage-height-inline-block.html b/works/percentage-height-inline-block.html
new file mode 100644
index 0000000..ccbb361
--- a/dev/null
+++ b/works/percentage-height-inline-block.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Percentage height</title>
+</head>
+<body>
+
+<div style="height:20em;width:20em;background:#00f;">
+ moose
+ <div style="height:100%;background:#f00;width:10em;display:inline-block;">
+ moo
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/works/percentage-height.html b/works/percentage-height.html
new file mode 100644
index 0000000..795d84d
--- a/dev/null
+++ b/works/percentage-height.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>Percentage height</title>
+</head>
+<body>
+
+<div style="height:20em;width:20em;background:#00f;">
+ <div style="height:100%;background:#f00;width:10em;margin:0 auto;">
+ moo
+ </div>
+</div>
+
+</body>
+</html>