I'm a curious, creative, Southern boy working in Anderson, SC. My corner of the internet is brought to life thanks to friendly cowboys at Eleven2 Hosting. If you're new here, you might be interested in the RSS Feed or Archives. You can say hello via .
The span class I’m using on the big quotation marks in quote posts has a vertical-align: -20px; on it to pull it in line with the line-heights of the smaller text. Internet Explorer pulls the whole first line, instead of just the contents of the span. Any thoughts?
Perhaps you could wrap that span in another span, and IE will only affect those.
said Kyle
at 10:56am on Tuesday
Dirty solution: Simulate the quote indent by position:absolute left:0 top:0 the quote, and then throwing a handful of before the body text to push it over. Or maybe first-line would work for that.
said Cameron
at 1:30pm on Tuesday
one idea might be to allow IE to degrade gracefully by putting vertical-align back to 0px in a conditional css – it wouldn’t make the quotation as pretty in IE, but it would keep the whole line from looking messed up
the other idea – and this is just conjecture, i didn’t try it out -iI wonder if, instead of using “spans”, you tagged the quotation mark as an “h4″ or something random like that, put the the quote text itself in a “p” tag and then used floats/margins to create the visual effect you’re looking for – it’s not as simple of a method (and you still might need to use conditional css to get the correct margins/padding for IE) but I think it would give you more granular control
said Grant
at 2:37pm on Tuesday
Just for IE (I recommend a conditional comment):
span.quote { vertical-align: -20px; }
Seemed to fix it as far as I could tell.
said Josh Hughes
at 10:41pm on Tuesday