Why is Firefox killing my home page?

[The Bicycling Guitarist]

When I reduce the width of the window of my home page, Firefox makes the
<h1> and other text and buttons go UNDERNEATH the graphic in the middle of
the page.

However yukky Microsoft Internet Explorer may be, at least it has the
decency to drop the picture down instead of making the text unreadable at
smaller window sizes.

Let me guess, Firefox is rendering my CSS and XHTML correctly and it's MSIE
that is screwing up?

How do I fix this please? What is wrong in my XHTML or CSS code? My home
page is www.TheBicyclingGuitarist.net/

Chris Watson a.k.a. "The Bicycling Guitarist"

[Tim]

On Mon, 15 Nov 2004 20:58:34 GMT,
"The Bicycling Guitarist" <Ch***@TheBicyclingGuitarist.net> posted:

When I reduce the width of the window of my home page, Firefox makes the
<h1> and other text and buttons go UNDERNEATH the graphic in the middle of
the page.

Mozilla does the same thing, assuming that mean the text ends up covered by
the picture, rather than the text shows up lower down the page than the
graphics.

I might argue that the following:

<h1>Hi, neighbors.<br />You have entered the world of The
Bicycling Guitarist, the Founder of
<span class="rlogo">R</span> Band.</h1>

is not actually a "heading", but an introductory paragraph, and might be
best included as such. Maybe other's might comment on that, and whether
you'll have better rendering luck with larger text in a paragraph.

I'm not sure that you really *must* have an H1 element on every page,
though it's possibly practical to add one for things like text browsers
(including search engines), but render it invisible for graphical browsers
with a "display:none;" CSS rule.

--
If you insist on e-mailing me, use the reply-to address (it's real but
temporary). But please reply to the group, like you're supposed to.

This message was sent without a virus, please delete some files yourself.

[Leonard Blaisdell]

In article <2d******************************@40tude.net>, Tim
<se**********@optusnet.com.au> wrote:

I might argue that the following:

<h1>Hi, neighbors.<br />You have entered the world of The
Bicycling Guitarist, the Founder of
<span class="rlogo">R</span> Band.</h1>

is not actually a "heading", but an introductory paragraph, and might be
best included as such. Maybe other's might comment on that, and whether
you'll have better rendering luck with larger text in a paragraph.

What makes sense to me, and I've had good luck with it, is having a <h1>
exactly repeat the title in text.
<title>Bicycling Guitarist</title>
<h1>Bicycling Guitarist</h1>

and now an aside to the Bicycling Guitarist:
I've read your posts for several years. I have an impression you are
cycling around somewhere near Fairfield, California. I go by the Budweiser
plant once or twice a year, salute and look for you. So far no joy. Lots
of bicyclists. No guitars.

leo

--
<http://web0.greatbasin.net/~leo/>

[Tim]

On Mon, 15 Nov 2004 23:05:38 -0800,
le*@greatbasin.com (Leonard Blaisdell) posted:

What makes sense to me, and I've had good luck with it, is having a <h1>
exactly repeat the title in text.
<title>Bicycling Guitarist</title>
<h1>Bicycling Guitarist</h1>

I do that to a point, though I take this point of view:

Construct the title as best befits your page in people's bookmarks and
search engines, and the h1 as looks best on the page (i.e. probably not as
long as a title might be, and not necessarily identical).

A simplistic example:
<title>Something-or-other homepage</title>
<h1>Something-or-other</h1>

Or:
<title>Page heading FAQ</title>
<h1>Page headings</h1>

--
If you insist on e-mailing me, use the reply-to address (it's real but
temporary). But please reply to the group, like you're supposed to.

This message was sent without a virus, please delete some files yourself.

[The Bicycling Guitarist]

"Leonard Blaisdell" <le*@greatbasin.com> wrote in message
news:le******************@leosmac.sparks.nv.us...

In article <2d******************************@40tude.net>, Tim
<se**********@optusnet.com.au> wrote:

I might argue that the following:

<h1>Hi, neighbors.<br />You have entered the world of The
Bicycling Guitarist, the Founder of
<span class="rlogo">R</span> Band.</h1>

is not actually a "heading", but an introductory paragraph, and might be
best included as such. Maybe other's might comment on that, and whether
you'll have better rendering luck with larger text in a paragraph.

What makes sense to me, and I've had good luck with it, is having a <h1>
exactly repeat the title in text.
<title>Bicycling Guitarist</title>
<h1>Bicycling Guitarist</h1>

and now an aside to the Bicycling Guitarist:
I've read your posts for several years. I have an impression you are
cycling around somewhere near Fairfield, California. I go by the Budweiser
plant once or twice a year, salute and look for you. So far no joy. Lots
of bicyclists. No guitars.

leo

Hi Leo.
Back in the early 1990's you would have seen me along the frontage road by
Interstate 80 pedaling and playing my way to and from the local community
college, 20 miles round trip five days a week From the mid-1980's to the
mid-1990's you could also frequently see me on the frontage road by I-80 to
and from the neighboring city of Vacaville (25-30 mile round trips). Also
24/7 anywhere around the city of Fairfield during those years. I'm in
Cloverdale, Sonoma County, now. The best weather for bicycle guitaring is
nearly past for this year.
Namaste
Chris Watson a.k.a. "The Bicycling Guitarist"

[The Bicycling Guitarist]

"Tim" <ti*@mail.localhost.invalid> wrote in message
news:2d******************************@40tude.net.. .

On Mon, 15 Nov 2004 20:58:34 GMT,
"The Bicycling Guitarist" <Ch***@TheBicyclingGuitarist.net> posted:

When I reduce the width of the window of my home page, Firefox makes the
<h1> and other text and buttons go UNDERNEATH the graphic in the middle
of
the page.

I might argue that the following:

<h1>Hi, neighbors.<br />You have entered the world of The
Bicycling Guitarist, the Founder of
<span class="rlogo">R</span> Band.</h1>

is not actually a "heading", but an introductory paragraph, and might be

Hi Tim! Thanks for your reply.
Maybe the stuff between <h1></h1> on my page could be a heading. If not,
it's still the closest thing to a heading on the page. Maybe I should have
an "invisible" <h1> for the text browsers and search engines and relabel the
current heading as a paragraph. I don't know. Would that fix the problem of
the text going underneath the graphic when the width of the browser screen
is reduced in Firefox (and I suppose Mozilla too)? My home page has has a
LOT of work done on it the past few years, but seems to need more to be
properly viewed by more user agents.
Chris Watson a.k.a. "The Bicycling Guitarist"

[Tim]

"Tim" <ti*@mail.localhost.invalid> wrote

I might argue that the following:

<h1>Hi, neighbors.<br />You have entered the world of The Bicycling
Guitarist, the Founder of <span class="rlogo">R</span> Band.</h1>

is not actually a "heading", but an introductory paragraph, and might
be

"The Bicycling Guitarist" <Ch***@TheBicyclingGuitarist.net> posted:
Maybe the stuff between <h1></h1> on my page could be a heading. If not,
it's still the closest thing to a heading on the page.
I wouldn't force the issue just to have a h1 heading. It doesn't look
like a "heading" to me.
Maybe I should have an "invisible" <h1> for the text browsers and search
engines and relabel the current heading as a paragraph. I don't know.
Would that fix the problem of the text going underneath the graphic
when the width of the browser screen is reduced in Firefox (and I
suppose Mozilla too)?
That's simple enough to test out, just write a second version of the page,
and have a look.

It's simple enough to do <h1 class="graphical">something</h1> with an
associated h1.graphical {display:none;} rule.
My home page has has a LOT of work done on it the past few years, but
seems to need more to be properly viewed by more user agents.

So far as I can see, there's three major engines: Explorer's, Gecko's
(Mozilla, etc.), and the KHTML thing originating from KDE (used in
Konqueror and some Apple browsers). I found Explorer and Gecko based
browsers to be fairly consistent, and manage most of properly authored
pages fairly well. I found KHTML to be quite poor.

--
If you insist on e-mailing me, use the reply-to address (it's real but
temporary). But please reply to the group, like you're supposed to.

This message was sent without a virus, please delete some files yourself.