CSS - Ie Incompatibility
It's been a while since i've written a stylesheet up but i'm getting a site going for myself and did a browser check to find that the older versions of MSIE (4 and 6) show a separation between two div sections that there shouldn't be a separation between.
If you go to ryan[dot]pclocals[dot]ca you'll see what I mean. If anyone can offer some help it'd be greatly appreciated. Similar TutorialsThe Q tag is supposed to be used for inline quotations, whereas the BLOCKQUOTE tag for longer quotations. The Q tag is suppose to render quotation marks around the enclosed quote, but does not do so in IE. As far as I known (have read in various articles), IE is the only browser that does not enclose the quote with quotation marks. I have a single-lined quote I want to display and was hoping to use the Q tag as I don't find it neccessary to use the BLOCKQUOTE tag since it's only a 5-word sentence and the BLOCKQUOTE does not render quotation marks around the data in any browser (instead indents both the left and right margins). If I were to forget about both tags competely and just enclose my quote with quotation marks it would 'appear' correct, though it does not adhear to accessibility guidelines as a screen-reader browser like JAWS would not realize it is actually a quotation and would read it the same as any other text enclosed in a P tag. If I were to use the Q tag and add the quotation marks, IE would look right, but in all the other browsers there would be double quotation marks. Should I de-style the Q tag so the quotation marks do not show? If that is possible I could continue using the appropriate tag and just add the quotation marks manually but it would still look right on all web browsers (including text-only browsers), and it would be read properly. Though, is that even possible? and if it were, is it backwards-compatible or will it only work on recent web browsers? Another alternative would be to use the BLOCKQUOTE and add the quotations manually and style the BLOCKQUOTE tag accordingly... but again, this is meant for longer quotations, but may be the only reasonable alternative? OR style the Q tag to have quotation marks before and after in IE, but IE doesn't support 'content:' correct? Does anyone know of a solution? or which of my 'fixes' would you suggest? Thank you. Edit I was thinking about this more and I think I came up with a pretty good solution: Code: q:before, q:after { content:''; } IE already doesn't display the quotes so it doesn't matter that it doesn't support the above code, the rest of the browsers do (i think?), so I can continue to use the Q tag, whilst adding the quotation marks manually. Good fix? |