Unexplained scroll bars

Get Started
1

OK, if you go to Spokane Area Classic Chevy Club and click on one of the nav buttons, a vertical and horizontal scroll bar will appear. It does not show once you get to the page, but just when you click on it.

My question is: Why?

Thanks
F

2

Is there a specific browser this is occurring in, or did you fix it?

That said, there’s a lot wrong with the code for that site. 22 validation errors means it’s not HTML, it’s gibberish… it’s built with tags like CENTER which are deprecated in STRICT (which is what you have for a doctype), presentation inlined in the markup, static CSS still inlined in the markup despite multiple pages having been written, zero relevance of the keywords to the page content (making them pretty much ignored), empty paragraphs and BR tags doing PADDING’s job, inline-level tags wrapping block level ones… the list goes on and on…

Which is probably how you’re ending up with 15k of markup for 1.2k of plaintext and four or five content images – basically doing 6k of HTML’s job.

If I were to take a guess as to why such an effect may occur, I’d guess that it’s how you are building your columns, and that the math on an element SOMEWHERE has bad math on it… but really I’d throw the html and CSS you have away and recode it anyways using semantic markup and separation of presentation from content.

3

Apart for what Jason said above (: I hazard a guess that the culprit is the overflow:auto on your main nav.


.mainNav {
    background-repeat: no-repeat;
    display: inline-block;
    font-family: Trebuchet MS,sans-serif;
    font-style: normal;
    font-weight: bold;
    list-style-position: outside;
    list-style-type: none;
    margin-left: -10px;
    margin-top: -10px;
 [B]overflow: auto;[/B]
    text-decoration: none;
    width: 155px;


}

There seems to be no need for that rule anyway as you are not containing floats (and the display:inline-block would do that anyway).

I didn’t see the problem in Firefox anyway but if you are using an older version of gecko then there was a bug where the outline on focus triggered overflow even when it shouldn’t have. That’s why overflow:hidden is best for float clearing but as you aren’t doing any clearing then remove the overflow and re-test.

4

Thanks for you input. The site is “authored” by me but was inherited - and the board did not want any massive changes yet. Yes, I will re-write it but don’t have time as this is a volunteer effort.

I took out the overflow but FireFox (3.6 right now) still shows the horizontal scroll bar.

Will look more when I get the chance - or if someone else complains again.

Thanks for your help - it has been invaluable.

F

5

I just loaded an old FF3.6 and it seems fine in that also.

Maybe get a screenshot if it happens again as that may give a clue.

6

Ah, crap. I forgot to clear my cache for the page! My dumb mistake - again.

I tried it this morning (after my system was rebooted) and all is fine now.

Thanks for the help - again.

F