0.6.3 and 0.6.4 IE6 CSS fixes

The following two CSS fixes were tested in Firefox 2 on Mac and IE6/7 on
Windows.


Image links have an ugly 2px blue/purple border around them. This is
caused by IE6 failing to continue parsing the img, input[type=‘image’]
CSS block because it doesn’t understand the second half.

In /public/stylesheets/admin/main.css …

img, input[type=‘image’] {
border: 0;
vertical-align: middle;
}

… changes to …

img {
border: 0;
vertical-align: middle;
}
input[type=‘image’] {
border: 0;
vertical-align: middle;
}

… because it doesn’t matter that IE6 fails on the second block.


The Reorder Pages screen layout is broken in IE6. To fix this, replace
the CSS at the top of the following file:

In /vendor/extensions/reorder/app/views/admin/page/reorder.rhtml …

<% content_for :page_css do %>
.page {
font-size: 120%;
font-weight: bold;
position: relative;
padding: 5px; /* WAS padding: 10px; /
padding-left: 30px;
border-top: 1px solid #eaeaea;
}
.page .icon {
position: relative; /
WAS position: absolute; /
margin-top: 0px; /
WAS margin-top: -7px; /
left: 0px;
}
ul.pages,
ul.pages li {
list-style: none;
margin: 0;
padding: 0
}
ul.pages {
border-bottom: 1px solid #eaeaea;
}
ul.pages li {
font-size: 105%;
font-weight: normal;
padding: 5px; /
WAS padding: 10px; /
padding-left: 52px;
cursor: move; /
NEW /
}
ul.page .icon,
ul.pages .icon {
position: relative; /
WAS position: absolute; /
margin-top: 0px; /
WAS margin-top: -7px; /
left: 0px; /
WAS left: 22px; */
}
<% end %>