Text reacts like hyperlink in Firefox - help!

[NYrunner]

Hi all,

I'm glad I found this support forum and am hoping someone can help. I've begun designing a site that has some problems when viewed in Firefox vs. IE. On several of the pages, ordinary text reacts like a hyperlink when moused over. It becomes underlined, the color changes to the # specified in my CSS for active and hover states, etc. Strangely, it's not ALL the text on a page, just some of it! I can't find the cause of this problem and have been tearing my hair out for two days!

Also, the lunch menu page with the scrollbar in the right column ... I wrote this in CSS instead of trying an iframe, but the difference in "real estate" between Firefox and IE causes the scrollbar to jump out past the border in Firefox. There's also this weird little effect where the beige bar in the footerbox doesn't stretch all the way. That only happens on this page of the site and can't be fixed by any resizing the image or the box itself. I can only think it's a result of the scrollbar somehow ...

Can anyone help -- with the underlined text issue in particular? I've scoured Google for hours, and searched the Mozilla site and can't even find mention of this problem, never mind a fix!

Thanks much in advance to anyone who can help!!

Here's the URL for the site thus far:
http://www.arete-communications.com/Cellar3/index.html

[NealM]

Regarding the text acting like a hyperlink . . . . . in this section of your HTML (on the home page) . . . .

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="picts/dot.gif" height=7 width=8 border=0 />
Try our <a href="brunch.htm">Sunday brunch<a/> - you'll wish the weekend could last forever!<br />The forward slash needs to be BEFORE the letter a

Additionally it would be useful if we could see your CSS file

[NealM]

Having looked at the "About" page I notice a similar problem with this section of HTML

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.pressconnects.com" target="_blank">
Press & Sun Bulletin<a /><br />Again the forward slash needs to be BEFORE the letter a

[NYrunner]

Oh my goodness, Neal - THANK YOU!!! Those two little tags resolved the underlining problem completely. That's what I get for trying to type fast! My fingers were stuck in "<br />" mode, I guess! Many thanks to you for managing to find the the problem amidst all that code! Muy bien!!

If you or anyone else is willing to take a crack at resolving the footer problem (related to the CSS scrollbar?) I posted the CSS document here:

http://www.arete-communications.com/clients.htm

It's the last link on the page. Sorry, the CSS is a work in progress ... the "footerborder3" toward the bottom of the document and the "pagehead" div and span class toward the middle are the ones applicable to the lunch menu page. The bottombar.gif (beige bar in the footer) was 728px wide, exactly the same as the footer. I made it 730px, didn't help ... resized the footer, didn't help. Sigh...!

Is redoing the CSS frame as a regular iframe the only solution here?

Susann

[NealM]

For the scroll bar problem, which appears to be happening in both IE and Firefox. Isn't it simply a case of making the height of the "pagehead" div tag smaller, ie instead of 551px try something like 476px.

As for the narrow beige bar, I notice at the moment that the image is only 726px where as the "footerborder3" is 728px.

[NYrunner]

Hi Neal -

Good catch on the 726px ... that was the latest in a series of things I tried with the image. The actual .gif is 730px wide, I just tried setting the width in the code to different numbers (not expecting it to work, just to do something besides fume! :hmm: )

Resetting the height of the pagehead div doesn't help with the image or match up the scrollbar with the footer, although it does bring the bottom part of the slider into view.

Thanks,
Susann

[NealM]

Resetting the height of the pagehead div doesn't help with the image or match up the scrollbar with the footer, although it does bring the bottom part of the slider into view.Sorry I'm not really sure I understand what you mean. What is the problem with the image (which image are we talking about ? ? the centre one ? ? )

When you talk about matching up the scroll bar with the footer, exactly what do you mean because you go on to say :
although it does bring the bottom part of the slider into view. Which I would take to mean that the scrolling section was now visible.

Anyway if you could just clarify I'd be grateful.

[NYrunner]

Hi Neal!

Again, I want to thank you for attempting to help with this (and for solving the mystery of the underlined text!!!). I appreciate it very much!

If you click on The Cellar link on from this web page:
http://www.arete-communications.com/clients.htm

...you'll notice that in Firefox, the scrollbar doesn't line up with either the banner or the footer section. In IE, the scrollbar lines up perfectly with the banner, but extends beyond the footer by about 2-3px. Moreover, the beige bar (a .gif image, 728px wide) doesn't meet the border of the footer, although the exact same image lines up perfectly on all the other pages.

So, the scroller itself has always been visible, it just doesn't line up properly with the 1px border I've set around the banner and footer.

Before I shortened the height of the div where the scrollbar was located (not an iframe, but done via CSS), as you suggested, the little square box that the slider meets at the bottom of the 'elevator' was not visible. Now it is ... but the scrollbar itself is still out of alignment, and I still can't fix that pesky bug with the .gif image either.

Hope that clears it up ... if nobody can figure this out I'll have to try redoing the whole thing as an iframe or rework the page design to eliminate the border and change the footer. Either way, a lot of work ... !
Susann

[NealM]

Hi Susann

The beige bar doesn't reach all the way across the footer on the menu page because you've set the image width to 726px in your HTML. (see below. This is from almost the bottom of the "lunchmenu.htm" page)

<br /><br />
<img src="picts/bottombar.gif" height="8" width="726" border="0">

<br />

Before I shortened the height of the div where the scrollbar was located (not an iframe, but done via CSS), as you suggested, the little square box that the slider meets at the bottom of the 'elevator' was not visible. Now it is ... but the scrollbar itself is still out of alignment,When I view the site in either IE or Firefox, I still can't see the little square box at the bottom that the slider meets ? ? ! !.

Additionally; in IE the scrollbar is perfectly aligned with both the header and footer. It's just Firefox where it sticks out a little bit . . . . . . . and I'm afraid I don't know the answer to that one :sad: :sad: