So I'm having a bit of a problem with standards across all browsers (go figure). First off,
This is what I'm working on. Just a personal site, nothing major, just learning and building my knowledge with PHP, MySQL, and XHTML.
The problem is with the
quote: section near the top. In IE (6 SP2) and Opera (7.54), it displays correctly, while Netscape (7.2) and Firefox (1.0) do not. The beginning of each of the lines of the actual quote are supposed to line up with each other, as well as the line below, in this case "-Bleeding Kansas - F Squared". On Netscape and Firefox all lines after the first line up with
quote: instead of the first line. Currently (and standards-compliant) I have the quote itself, and the line below it, in a q tag, and the relevent CSS is as follows:
Code:
#menu q{
display:inline-block;
quotes:none;
vertical-align:text-top;
width:240px;
}
Also in this context, it has a "white-space:pre;" style dynamically placed in the tag itself.
My understanding of "inline-block" is that basically it should work the same as if there were an img tag in there instead of the q. I feel that "inline-block" should have the basic shape of a block. As in, four sides.
To remedy this, I've tried to make it a block element, with "clear:none", as well as
quote:, that didn't work. Attempted to "float:right" the quote itself, but that just brought the bottom border up to cut it through half way. The quote will change frequently, so setting a height for the outer box is not an option, without a lot of hassle. I don't want to have to do it that way. Tried to make Netscape/Firefox respect the box by placing a left maargin, as well as padding to the left side, and even attempted a border on the left, with no effect. I do know that it can be fixed by placing the quote inside a single-celled table, but that's symantically incorrect usage of a table, and I truely wish to avoid that.
All in all, this is a very minor problem, one, because it's not a major part of the layout, and two, it will only affect a very small amount of viewers. I just want to make sure I'm not missing a simple (and symantically correct) fix.
Goodness that was long-winded... I always knew I had a passion for something. Is it wrong (sad) that it just happens to be this?
*shrugs*
Here's to a future where browsers are one hundred percent standards-compliant.