Sara (waterofthemoon) wrote in component_help,
Sara
waterofthemoon
component_help

  • Mood:

Random CSS question

Anyone know why font-variant:small-caps would fail in IE (besides the fact that it's IE)? I'm using the following code in my layer:

function Page::print_custom_head() {
"""
<style type="text/css">
img { border-width: 0px }
body { background-image:url("http://pics.livejournal.com/waterofthemoon/pic/0001egpg"); background-repeat:repeat; background-attachment:fixed; background-position:center }
a:active { font-variant:small-caps }
a:hover { font-variant:small-caps }

.randompoem { text-align:left }
.sideHeader { text-align:center }
input, select, input.ljcomsel, label { font-family:Tahoma, Verdana, Arial, sans-serif }
textarea, textarea.textbox { font-family:Tahoma, Verdana, Arial, sans-serif; font-size:x-small }
</style>
""";
}


and it all works beautifully in Firefox. I didn't even notice anything was amiss until I was forced to use IE to load my journal earlier today, but if you take a look at my journal with that browser, none of the links change to small caps on hover (with a few exceptions, notably LJ user tags and non-LJ cut inline entry links). Anyone have an idea what's going on?
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 4 comments