[Rt-commit] r3437 - in rt/branches/3.5-TESTING: . html/NoAuth/css

[trs at bestpractical.com]

Author: trs
Date: Fri Jul  8 12:55:03 2005
New Revision: 3437

Modified:
   rt/branches/3.5-TESTING/   (props changed)
   rt/branches/3.5-TESTING/html/NoAuth/css/body.css
   rt/branches/3.5-TESTING/html/NoAuth/css/misc.css
   rt/branches/3.5-TESTING/html/NoAuth/css/nav-left.css
   rt/branches/3.5-TESTING/html/NoAuth/css/nav.css
Log:
 r4939 at wintermute:  tom | 2005-07-08 12:54:16 -0400
 Some CSS doc for the various tricks used


Modified: rt/branches/3.5-TESTING/html/NoAuth/css/body.css
==============================================================================
--- rt/branches/3.5-TESTING/html/NoAuth/css/body.css	(original)
+++ rt/branches/3.5-TESTING/html/NoAuth/css/body.css	Fri Jul  8 12:55:03 2005
@@ -96,6 +96,10 @@
   left: 0.75em;
   float: left;
 
+%# Basically IE5 will see those crazy backslashes and prematurely end the rule.
+%# This allows values for IE 5's broken box model to be set before the hack and
+%# the real values to be set after.  We also set voice-family back to whatever it
+%# would have been on the off chance it's actually used.
   /* WIN IE5 hack */
   height: 7px;
   voice-family: "\"}\"";
@@ -104,11 +108,15 @@
   overflow: hidden;
 }
 
+%# IE also doesn't support the child selector ">", so we can use it to set values
+%# that only other browsers will see (in this case, playing nice with Opera, which
+%# also suffers from the backslash hack above.)
 html>body .titlebox .title .widget a {
     height: 0;
     overflow: hidden;
 }
 
+%# Compensates for IE's bad box model by hiding this rule from other browsers
 * html .titlebox .title .widget a {
     background-position: center 0.4em;
 }

Modified: rt/branches/3.5-TESTING/html/NoAuth/css/misc.css
==============================================================================
--- rt/branches/3.5-TESTING/html/NoAuth/css/misc.css	(original)
+++ rt/branches/3.5-TESTING/html/NoAuth/css/misc.css	Fri Jul  8 12:55:03 2005
@@ -116,10 +116,15 @@
     margin: 0 auto 4em auto;
 }
 
+%# More rules only IE will recognize (but are still valid!) to correct for
+%# IE's incorrect handling of auto margins and the W3C defined behavior.
+%# text-align will affect a block element in IE, therefore centering it, like
+%# left and right auto margins *should*
 * html #login-box {
     text-align: center;
 }
 
+%# ... and align the text back the way it should be
 * html #login-box .titlebox {
     text-align: left;
 }

Modified: rt/branches/3.5-TESTING/html/NoAuth/css/nav-left.css
==============================================================================
--- rt/branches/3.5-TESTING/html/NoAuth/css/nav-left.css	(original)
+++ rt/branches/3.5-TESTING/html/NoAuth/css/nav-left.css	Fri Jul  8 12:55:03 2005
@@ -56,6 +56,8 @@
     left: 0;
 }
 
+%# Hide from IE... it can't handle relative positioning with both a
+%# left and right set
 html>body #nav li ul {
     left: 0;
     right: 2em;

Modified: rt/branches/3.5-TESTING/html/NoAuth/css/nav.css
==============================================================================
--- rt/branches/3.5-TESTING/html/NoAuth/css/nav.css	(original)
+++ rt/branches/3.5-TESTING/html/NoAuth/css/nav.css	Fri Jul  8 12:55:03 2005
@@ -71,7 +71,8 @@
     font-size: 1em;
 }
 
-/* Hide from IE */
+%# Hide from IE... it can't handle relative positioning with both a
+%# left and right set
 html>body #nav li ul {
     left: 2em;
 }