IE <9 styling with seperate stylesheet
authorthe_mgt <themgt@ueberserver.de>
Sun, 24 Jul 2011 13:59:50 +0000 (15:59 +0200)
committerWilfried Goesgens <dothebart@citadel.org>
Sun, 4 Sep 2011 21:41:09 +0000 (21:41 +0000)
Added conditional for IE less than version 9, removed the nonworking stuff from general stylesheets and moved them to ie_lte8.css
Also forced IE8 to use IE8 rendering instead of "legacy" mode.

webcit/static/styles/box.css
webcit/static/styles/ie_lte8.css [new file with mode: 0644]
webcit/static/styles/message.css
webcit/static/t/head.html

index 2a6163bc4f2b2514af61ca5285ca4759db565821..cb150829e42e4659e04e6faf091f53ecf07d8aac 100644 (file)
@@ -41,8 +41,3 @@
        -moz-box-shadow: #666 0px 2px 3px;
        box-shadow: #666 0px 2px 3px;
 }
-
-* .boxcontent {
-        border: 1px inset #666;
-        border-width: 1px 2px 3px 1px; 
-}
diff --git a/webcit/static/styles/ie_lte8.css b/webcit/static/styles/ie_lte8.css
new file mode 100644 (file)
index 0000000..2591eae
--- /dev/null
@@ -0,0 +1,10 @@
+.message {
+        border: 1px inset #666;
+        border-width: 1px 2px 3px 1px; 
+}
+
+.boxcontent {
+        border: 2px inset #5C646B;
+        border-width: 0 2px 3px 0; 
+}
+
index 0f3fe647ced233a4fbf33b1dfd6357e26dfbe263..600b9d41747fa350fb2a6b7a58b15032eefd5c18 100644 (file)
@@ -8,11 +8,6 @@
 /*     behavior: url(/static/styles/PIE.htc);*/
 }
 
-* .message {
-       border: 1px inset #666;
-       border-width: 1px 2px 3px 1px; 
-}
-
 .entmsg { height: 95%; }
 
 .message_header {
index 5473907b32abcc2b00e3ca0d8f9475de5c15fd90..b8f1332295fc581cbb5cfdaf87f95eb05d468b6e 100644 (file)
@@ -4,6 +4,7 @@
        <head>
                <title><?CURRENT_ROOM> - <?SERV:HUMANNODE></title>
                <meta name="MSSmartTagsPreventParsing" content="TRUE" >
+               <meta http-equiv="X-UA-Compatible" content="IE=8" />
                <meta name="keywords" content="groupware messaging collaboration" >
                <link href="static/styles/webcit.css" rel="stylesheet" type="text/css">
                <link href="static/styles/datepicker.css" rel="stylesheet" type="text/css">
                <link href="do_template?template=iconbar_user" rel="stylesheet" type="text/css">
                <link href="static/styles/iconbaricns.css" rel="<?%("COND:ICONBAR:ACTIVE", 1, 0, #"ib_displayas", "", "alternate ")>stylesheet" type="text/css" id="style_iconbar_icns" title="Default iconbar">
                <link href="static/styles/iconbarpiconly.css" rel="<?%("COND:ICONBAR:ACTIVE", 1, 1, #"ib_displayas", "","alternate ")>stylesheet" type="text/css" id="style_iconbar_piconly" title="Iconbar without text">
-               <?CSSLOCAL> 
-
+               <?CSSLOCAL>
+               <!--[if lte IE 8]>
+                       <style type="text/css">@import url(static/styles/ie_lte8.css);</style>
+               <![endif]-->
                <script type="text/javascript" src="static/prototype.js"></script> 
                <script type="text/javascript" src="static/scriptaculous.js"></script> 
                <script type="text/javascript" src="static/datepicker-dev.js"></script>