CSS Problem (unsightly gap in Opera 7)

[Wayfarer]

I've been working on getting my website converted over to CSS (based on
a page that brucie made) and I've run into a small problem. IE 6, NS
7.1 and Firebird all work fine, but in Opera 7.11 there's a gap between
the bottom of the content and the footer. I'd really appreciate it if
someone would take a look and tell me where the problem is.

http://wayfarer.brinkster.net/journeys_css.htm

http://wayfarer.brinkster.net/temp.css

Thanks...

 

[brucie]

I've been working on getting my website converted over to CSS (based on
a page that brucie made) and I've run into a small problem. IE 6, NS
7.1 and Firebird all work fine, but in Opera 7.11 there's a gap between
the bottom of the content and the footer.

i don't get one.

but

change:

<strong>Random Quote</strong> (click Refresh to see another)
<p>

to:

<p><strong>Random Quote</strong></p><p>(click Refresh to see another)</p>

the first <blockquote> for your intro text may be an inappropriate use
and "random quote" should probably be a heading.

 

[Toby A Inkster]

http://wayfarer.brinkster.net/journeys_css.htm

Line 21: <blockquote>
Line 39: </blockquote>

Get rid of it. This indicates that your entire content is a quotation.
It's not. If you want to indent text, use:

#content { padding-left: 4em; }

You have:
<div id="quote-container">
<blockquote>
<p><strong>Random Quote</strong> (click Refresh to see another)</p>
<p>
All truly wise thoughts have been thoughts already thousands of times;
but to make them truly ours, we must think them over again honestly,
till they take root in our personal experience. <br>
<strong>Johann Wolfgang von Goethe</strong>
</p>
</blockquote>
</div>

Replace with:
<div id="quote-container">
<h2>Random Quote</h2>
<p>(click Refresh to see another)</p>
<p><q>
All truly wise thoughts have been thoughts already thousands of times;
but to make them truly ours, we must think them over again honestly,
till they take root in our personal experience.</q><br>
<cite>Johann Wolfgang von Goethe</cite>
</p>
</div>

And then use CSS to style appropriatly.