Permalink
Browse files

CSS fixes for IE.

  • Loading branch information...
recurser committed Oct 21, 2010
1 parent bc891d7 commit b8db39929c4389e9f5c2d6f2f77fb12a41d6bc2d
@@ -2,17 +2,14 @@
@import 960/grid
@import colors
-header
+// IE won't select on <header> or <nav> - need to add a <div> container as well unfortunately.
+#menu_container
border-bottom: 1px solid $header_border
background-color: $header_bg
height: auto
color: $header_text
margin-bottom: 2em
height: 3em
-
-// IE doesn't like selecting anything under header - use an id on the UL instead.
-ul#header_menu
- overflow: hidden
li
float: left
@@ -41,13 +38,12 @@ ul#header_menu
&:hover
color: $header_link_hover
-body#pages_home header li#home_tab a,
-body#pages_about header li#about_tab a,
-body#contacts_new header li#contact_tab a,
-body#users_index header li#users_tab a,
+body#pages_home header li#home_tab a,
+body#pages_about header li#about_tab a,
+body#contacts_new header li#contact_tab a,
+body#users_index header li#users_tab a,
body#registrations_edit header li#profile_tab a,
-body#sessions_new header li#sign_in_tab a,
-body#registrations_new header li#sign_up_tab a
- //text-decoration: underline
+body#sessions_new header li#sign_in_tab a,
+body#registrations_new header li#sign_up_tab a
color: $text
@@ -1,19 +1,20 @@
%header
%nav
- %ul#header_menu
- %li#home_tab= link_to t('common.header_link.home'), root_path
- %li#about_tab= link_to t('common.header_link.about'), about_path
- %li#contact_tab= link_to t('common.header_link.contact'), contact_path
- - if user_signed_in?
- - if can?(:read, User)
- %li#users_tab= link_to t('common.header_link.users'), users_path
- %li#profile_tab= link_to t('common.header_link.profile'), edit_user_registration_path
- %li#sign_out_tab= link_to t('common.header_link.sign_out'), destroy_user_session_path
- - else
- %li#sign_in_tab= link_to t('common.header_link.sign_in'), new_user_session_path
- %li#sign_up_tab= link_to t('common.header_link.sign_up'), new_user_registration_path
- - unless locale.eql? 'fr'
- %li#french_tab= link_to t('common.header_link.french'), '/fr'
- - unless locale.eql? 'en'
- %li#english_tab= link_to t('common.header_link.english'), '/en'
+ #menu_container
+ %ul#header_menu
+ %li#home_tab= link_to t('common.header_link.home'), root_path
+ %li#about_tab= link_to t('common.header_link.about'), about_path
+ %li#contact_tab= link_to t('common.header_link.contact'), contact_path
+ - if user_signed_in?
+ - if can?(:read, User)
+ %li#users_tab= link_to t('common.header_link.users'), users_path
+ %li#profile_tab= link_to t('common.header_link.profile'), edit_user_registration_path
+ %li#sign_out_tab= link_to t('common.header_link.sign_out'), destroy_user_session_path
+ - else
+ %li#sign_in_tab= link_to t('common.header_link.sign_in'), new_user_session_path
+ %li#sign_up_tab= link_to t('common.header_link.sign_up'), new_user_registration_path
+ - unless locale.eql? 'fr'
+ %li#french_tab= link_to t('common.header_link.french'), '/fr'
+ - unless locale.eql? 'en'
+ %li#english_tab= link_to t('common.header_link.english'), '/en'
View

Large diffs are not rendered by default.

Oops, something went wrong.
View
Binary file not shown.
@@ -1,30 +1,25 @@
-/* line 5, ../../../app/stylesheets/common/header.sass */
-header {
+/* line 6, ../../../app/stylesheets/common/header.sass */
+#menu_container {
border-bottom: 1px solid #dfdfdf;
background-color: #fafafa;
height: auto;
color: #222222;
margin-bottom: 2em;
height: 3em;
}
-
/* line 14, ../../../app/stylesheets/common/header.sass */
-ul#header_menu {
- overflow: hidden;
-}
-/* line 17, ../../../app/stylesheets/common/header.sass */
-ul#header_menu li {
+#menu_container li {
float: left;
margin: 0 0.5em;
line-height: 3em;
list-style: none;
}
-/* line 23, ../../../app/stylesheets/common/header.sass */
-ul#header_menu li#english_tab, ul#header_menu li#french_tab {
+/* line 20, ../../../app/stylesheets/common/header.sass */
+#menu_container li#english_tab, #menu_container li#french_tab {
float: right;
}
-/* line 27, ../../../app/stylesheets/common/header.sass */
-ul#header_menu ul {
+/* line 24, ../../../app/stylesheets/common/header.sass */
+#menu_container ul {
width: 100%;
overflow: hidden;
margin: 0;
@@ -33,21 +28,21 @@ ul#header_menu ul {
margin-right: auto;
width: 960px;
}
-/* line 34, ../../../app/stylesheets/common/header.sass */
-ul#header_menu a {
+/* line 31, ../../../app/stylesheets/common/header.sass */
+#menu_container a {
font-size: 1.1em;
color: #428edb;
}
-/* line 38, ../../../app/stylesheets/common/header.sass */
-ul#header_menu a:visited {
+/* line 35, ../../../app/stylesheets/common/header.sass */
+#menu_container a:visited {
color: #428edb;
}
-/* line 41, ../../../app/stylesheets/common/header.sass */
-ul#header_menu a:hover {
+/* line 38, ../../../app/stylesheets/common/header.sass */
+#menu_container a:hover {
color: #428edb;
}
-/* line 44, ../../../app/stylesheets/common/header.sass */
+/* line 41, ../../../app/stylesheets/common/header.sass */
body#pages_home header li#home_tab a,
body#pages_about header li#about_tab a,
body#contacts_new header li#contact_tab a,
@@ -654,33 +654,28 @@ footer ul {
margin: 0;
}
-/* line 5, ../../app/stylesheets/common/header.sass */
-header {
+/* line 6, ../../app/stylesheets/common/header.sass */
+#menu_container {
border-bottom: 1px solid #dfdfdf;
background-color: #fafafa;
height: auto;
color: #222222;
margin-bottom: 2em;
height: 3em;
}
-
/* line 14, ../../app/stylesheets/common/header.sass */
-ul#header_menu {
- overflow: hidden;
-}
-/* line 17, ../../app/stylesheets/common/header.sass */
-ul#header_menu li {
+#menu_container li {
float: left;
margin: 0 0.5em;
line-height: 3em;
list-style: none;
}
-/* line 23, ../../app/stylesheets/common/header.sass */
-ul#header_menu li#english_tab, ul#header_menu li#french_tab {
+/* line 20, ../../app/stylesheets/common/header.sass */
+#menu_container li#english_tab, #menu_container li#french_tab {
float: right;
}
-/* line 27, ../../app/stylesheets/common/header.sass */
-ul#header_menu ul {
+/* line 24, ../../app/stylesheets/common/header.sass */
+#menu_container ul {
width: 100%;
overflow: hidden;
margin: 0;
@@ -689,21 +684,21 @@ ul#header_menu ul {
margin-right: auto;
width: 960px;
}
-/* line 34, ../../app/stylesheets/common/header.sass */
-ul#header_menu a {
+/* line 31, ../../app/stylesheets/common/header.sass */
+#menu_container a {
font-size: 1.1em;
color: #428edb;
}
-/* line 38, ../../app/stylesheets/common/header.sass */
-ul#header_menu a:visited {
+/* line 35, ../../app/stylesheets/common/header.sass */
+#menu_container a:visited {
color: #428edb;
}
-/* line 41, ../../app/stylesheets/common/header.sass */
-ul#header_menu a:hover {
+/* line 38, ../../app/stylesheets/common/header.sass */
+#menu_container a:hover {
color: #428edb;
}
-/* line 44, ../../app/stylesheets/common/header.sass */
+/* line 41, ../../app/stylesheets/common/header.sass */
body#pages_home header li#home_tab a,
body#pages_about header li#about_tab a,
body#contacts_new header li#contact_tab a,

0 comments on commit b8db399

Please sign in to comment.