Changeset 951

Timestamp:

Nov 24, 2005, 8:09:13 PM (18 years ago)

Author:

chrisaga

Message:

• fix bug 222 : comments page broken with IE

IE doesn't understand child selector nor min-height
use floating design instead of positionning

Location:

branches/branch-1_5/template/yoga

Files:

• content.css (modified) (2 diffs)
• default-colors.css (modified) (1 diff)

branches/branch-1_5/template/yoga/content.css

@@ -146 +146 @@
 /* User comments */
 
+#content DIV#comments {
+  padding-left: 5px;
+  padding-right: 5px;
+  -moz-box-sizing: padding-box;
+}
 #content DIV.comment {
-  margin: 5px;
-  border: 1px solid gray;
-  min-height: 150px; /* maximum thumbnail height */
+  margin: 0 0 0.5em 0;
+  padding: 0;
+  overflow: hidden; /* these 2 lines ensure the floating child is kept in the DIV */
+  width: 100%;      /* don't ask why. It's a very usefull trick                   */
 }
 
-#content DIV.comment > A.illustration {
+#content DIV.comment A.illustration {
   display: block;
-  position: absolute;
-  margin: 5px;
-}
-
-#content DIV.comment > A.illustration IMG {
-  border: 1px solid gray;
+  float: left;
+  margin: 0.5em 0 0 0.5em;
 }
 
@@ -172 +174 @@
 }
 
-#content DIV.comment > UL.actions > LI {
+#content DIV.comment  UL.actions  LI {
   display: inline;
 }
 
 #content DIV.comment BLOCKQUOTE {
-  margin: 1em 1em 1em 140px; /* margin-left corresponds to maximum thumbnail width */
-  border: 1px solid #d3d3d3; 
-  border-left: 2px solid gray;
+  margin: 1em 0.5em 0.5em 150px; /* margin-left corresponds to maximum thumbnail width + ~10px */
   padding: 0.5em;
 }
-
 
 /* should be in admin.css ? CSS properties also used in popuphelp */

branches/branch-1_5/template/yoga/default-colors.css

@@ -99 +99 @@
 }
 
+/* User comments */
+#content DIV.comment {
+  border: 1px solid gray;
+}
 
-#comments BLOCKQUOTE {
-    background: #eeeeee;
+#content DIV.comment  A.illustration IMG {
+  border: 1px solid gray;
+}
+
+#comments DIV.comment BLOCKQUOTE {
+    border: 1px solid #d3d3d3;
     border-left: 2px solid #696969;
 }