Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

  1.  permalink
    I am having problem with blockquote not being able to display in IE. It works perfectly in firefox. Can anyone please help me with this? the code is as follows:

    blockquote {
    display: block;
    padding: 0 2.5em;
    width: 70%;
    }
    blockquote:before, blockquote:after {
    color: #69c;
    display: block;
    font-size: 450%;
    }
    blockquote:before {
    content: open-quote;
    height: 0;
    margin-left: -0.55em;
    }
    blockquote:after {
    content: close-quote;
    height: 50px;
    margin-top: -50px;
    margin-left: 100%;
    }
    • CommentAuthordavist11
    • CommentTimeSep 17th 2007
     permalink
    Because IE 6 doesn't support those pseudo classes. Do you have a page for us to look at?
  2.  permalink
    The problem is there with IE7 too. The link is : http://aura.gargs.com/aandj.html
    •  
      CommentAuthorTetsuo
    • CommentTimeSep 17th 2007
     permalink
    Yep, IE doesn't recognise the :before and :after pseudo classes, so this applies to IE6 and 7 unfortunately.
  3.  permalink
    Is there anything else that i can do to make the quotes appear in IE??
    •  
      CommentAuthorTetsuo
    • CommentTimeSep 17th 2007 edited
     permalink
    Not that I know of, there is possibly a JS solution to this somewhere, can anyone suggest anything?

    Personally, I'd just create a "span" around your quotation marks and use a class to define their size and colour, or use separate containers either side of the text (possibly using images) to achieve the same effect you have going on your page there. Crude I know, but it would do the job.
  4.  permalink
    Thank you so much for your help. I guess i will try to come up with some solution using JS. Thank you..
    • CommentAuthorpaul
    • CommentTimeSep 18th 2007
     permalink
    why are you using this Blockquote..dont mind but this is old fashion and process.use new web tags to make your website standard high.
  5.  permalink
    Hi Paul, I didn't get you on this. Can you please explain more? Your help would be highly appreciated. Thanks...
Add your comments
    Username Password
  • Format comments as (Help)