[Zope3-checkins] CVS: Zope3/src/zope/app/browser/skins/rotterdam - zope3.css:1.22

[Stuart Bishop]

Update of /cvs-repository/Zope3/src/zope/app/browser/skins/rotterdam
In directory cvs.zope.org:/tmp/cvs-serv24588

Modified Files:
	zope3.css 
Log Message:
Don't use display: table-*, since only Mozilla appears to handle this
sanely. Found out that the 'div.row div.field' selector was not selecting,
allowing a three column layout using a workaround for editform, addform,
editwizard & addwizard



=== Zope3/src/zope/app/browser/skins/rotterdam/zope3.css 1.21 => 1.22 ===
--- Zope3/src/zope/app/browser/skins/rotterdam/zope3.css:1.21	Mon Jul 14 11:28:27 2003
+++ Zope3/src/zope/app/browser/skins/rotterdam/zope3.css	Tue Jul 15 10:03:01 2003
@@ -332,36 +332,27 @@
 }
 
 div.row {
-    display: table-row;
     clear: both;
     padding-top: 10px;
 }
-
+/* XXX: div.row div.field doesn't appear to be selecting. div.row div
+        is a workaround */
 div.row div {
-    margin: 0.4em;
-    padding-bottom: 0.4em;
-    vertical-align: top;
+    float: left;
 }
-
 div.row div.label {
-    display: table-cell;
-    width: 100px;
     text-align: right;
-    padding-right: 0.8em;
-    padding-top: 0.8em;
+    width: 100px;
+    margin-right: 0.8em;
     font-weight: bold;
 }
-# XXX someone please come and do this properly
-div.row div.field {
-    display: table-cell;
-    text-align: left;
-}
 div.row div.error {
-    display: table-cell;
-    text-align: left;
+    float: left;
     color: red;
-    padding-left: 0.8em;
-    padding-top: 0.8em;
+    margin-left: 0.8em;
+}
+div.row div.error:before {
+    content: "\2190  "; /* Left pointing arrow */
 }
 
 div.box {