Fix menu positioning in IE7

diff --git a/cloudcms/static/cloudcms/css/ie7.css b/cloudcms/static/cloudcms/css/ie7.css
new file mode 100644 (file)
index 0000000..d9f8201
--- /dev/null
+++ b/cloudcms/static/cloudcms/css/ie7.css
@@ -0,0 +1,13 @@
+.navigation {
+    min-width: 660px;
+}
+
+.mainnav.inline {
+    position: absolute;
+    right: -10px;
+}
+
+.mainnav.inline.subnav {
+    position: relative;
+    top: 50px;
+}

diff --git a/cloudcms/templates/cms/base.html b/cloudcms/templates/cms/base.html
index 02c72e2..d5d5046 100644 (file)
--- a/cloudcms/templates/cms/base.html
+++ b/cloudcms/templates/cms/base.html
@@ -25,7 +25,7 @@
   {% block page.js %}
   <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
   <!--[if lt IE 9]>
-    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+      <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
   {% endblock %}
   
@@ -37,6 +37,9 @@
   {% block css %}
       <link href='https://fonts.googleapis.com/css?family=Antic' rel='stylesheet' type='text/css'>
       <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/styles.css">
+      <!--[if lte IE 7]>
+          <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/ie7.css">
+      <![endif]-->
   {% endblock css %}
 
   {% block headjs %}