1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>
<HEAD>
<title>Miscellaneous NGLayout Tests</title>
<STYLE TYPE="text/css">
<!--
HTML { background: #0F9; color: black;}
BODY {
background: #9fc;
font-family: verdana, arial, geneva, sans-serif;
border: medium solid black;
width: 85%;
margin: 4em auto;
padding: 0;
}
UL.top {
background: #0c9;
margin: 0;
padding: 0.3em;
}
UL.top { display: table-row; margin: 0; padding: 0; }
UL.top LI { margin: 0; padding: 0; display: table-cell; width: 25%; text-align: center; }
DIV.main {
margin: 0;
padding: 1em;
}
FORM {
margin-left: 5em;
}
P {
margin: 0;
padding: 0;
font: 1.0em/2.0 verdana, arial, geneva, sans-serif;
}
.label { font-family: arial, helvetica, sans-serif; font-size: 0.9em; }
SPAN.formgroup { display: inline-table; }
SPAN.formgroup > * { display: table-row; }
-->
</STYLE>
</HEAD>
<body>
<p>These links are in an element with display table-row, and the li elements
have display: table-cell. They disappear:</p>
<ul class="top">
<li><a href="people.html">people</a></li>
<li><a href="places.html">places</a></li>
<li><a href="members.html">members</a></li>
<li><a href="links.html">links</a></li>
</ul>
<div class="main">
This text is not in the form. The form should be indented 40px.
<form method="post" action="">
<p> This is text in the form. It should be indented 40px.
The form itself has the same table-row/table-cell problem as
above.</p>
<p>
<span class="formgroup"><span class="label">First Name (required)</span>
<input type="text" name="fname" size="16">
</span>
<span class="formgroup"> <span class="label">Last Name (required)</span>
<input type="text" name="lname" size="16">
</span>
</p>
<p>
<span class="formgroup"><span class="label">Email Address</span>
<input type="text" name="iemail" size="40">
</span>
</p>
<p>
<span class="formgroup"><span class="label">Company Name</span>
<input type="text" name="coname" size="16">
</span>
<span class="formgroup"><span class="label">Title</span>
<input type="text" name="title" size="16">
</span>
</p>
<p>
<input type="Submit" name="submit" value="Submit!">
<input type="reset" value="Clear Form" name="reset">
</p>
</form>
</div> <!-- main -->
</BODY>
</HTML>
|
