Well, I wanted to spruce up the place, seeing as how I let it go to seed while I was out, and it looks pretty much how I want it to look under Internet Explorer (modulo a text formatting weirdness I'll point out later). However, under Firefox, my browser of choice, it kind of sucks - no doubt it looks equally displeasing under Mozilla and Safari as well.
So, hopefully some kind soul out there will take pity upon this site and will understand the deep mysteries of cross browser style sheet compatibility and help me out. I know, not a likely combination, but what the heck? Random events, coincidences and such being what they are...
Here's the screen shot of what this front page looks like under Firefox. Here's the screen shot of what this front page looks like under Internet Explorer.
As you can see, under Firefox, the nice mauve (?) background doesn't continue down to the bottom. And my right side bar doesn't seem to even have the mauve background. Kind of disturbing. The IE view is how it "should" be. Bizarre, right?
Another odd thing with the text that is present under both IE and Firefox. Look at a paragraph of text that follows a sequence of block quoted text.
Here's the blockquoted text
And here's the paragraph following it. Notice how this paragraph is in a different font weight, has a different line spacing and is ignoring the left margin?
Note how this paragraph now seems to be back to normal. Weird, eh? Weirdness also strikes the second paragraph in a blockquote, as you can see in the following
Here's the first paragraph, which is "okay".But this paragraph is now indented even more. Very, very odd.
And of course, this paragraph is weird as well.
Anyways, if there is any kind an charitable soul out there who can tell me what's going wrong and - perhaps more importantly - can tell me how to fix all this, I would be eternally grateful...
Many thanks...
Hal,
<blockquote/> isn't meant to be embedded in <p/> tags. If you terminate your <p/> before beginning <blockquote/> and start a new <p/> after terminating a <blockquote/>, you won't have the annoying misalignment of the paragraph following a blockquote. The same applies to separate paragraphs inside a <blockquote/>. If you want consistency, then either use <p/>'s throughout the content of a <blockquote/> or omit them altogether.
As for the background, it renders fine in my FF, so maybe you've fixed that already.
Many thanks, Chris. The <p/>'s are put there by MovableType and I can't seem to get rid of them. What's odd is that this didn't cause problems with previous styles I used. Weird. I'll have to play with it to see what's up. MoveableType does some odd things with the <p/>'s and <br/>'s.
The background is still messed up in my FF, which makes me wonder even more as to what's up. I mean, you're running on Windows, right? XP? Very strange.