Member Avatar for Member #178130

I've put a new simple website online for my work, but in Firefox the pages don't scroll down.
Any thoughts?
check
Ta
Malcolm

  • 4 Contributors
  • 3 Replies
  • 117 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

A compact, practical troubleshooting sequence that follows the earlier observations from , and . The goal is to isolate whether the missing scrollability is caused by a stylesheet rule, an overlaying element, or JavaScript, then fix the minimal offending rule.

Start with Firefox Developer Tools (F12). Use the Inspector to pick the top-left of the page and examine the computed styles for the selected node and for html/body. Look specifically for overflow, height, max-height, position, and any 100vh/fixed-height rules. A quick temporary override that proves whether CSS is the problem:

html, body {
  height: auto !important;
  overflow: auto !important;
}

If scrolling returns with that override, search stylesheets (and inline rules) for overflow:hidden, wrappers set to a fixed height, or a full-viewport element (position:fixed/absolute with large z-index) that sits above the page. Also inspect DevTools’ Event Listeners panel for wheel, mousewheel, touchmove or keydown handlers that call preventDefault() or force scrollTo()—these can silently block normal scrolling. Disabling JavaScript temporarily or running Firefox in safe mode (extensions disabled) can reveal extension or script causes.

When root cause remains unclear, reduce the page to a minimal HTML test case containing only the content and the problematic CSS/JS, then reintroduce rules until the issue reappears. Validate the minimal case with the W3C validator and use the Firefox Page Inspector and MDN guidance on overflow to understand the behavior. Useful references: MDN — overflow, MDN — Page Inspector, and W3C Validator.

Recommended Answers

All 3 Replies

Member Avatar for ¤| battousai |¤

can you post an example of your css code? It can be caused by missing closing tag, and since IE is quitte forgivable to this, it doesn't give as much problems.

also, the html for the table looks a bit messy, use a list instead and position it with csss

a bit wierd, since in opera it doesn't scroll either but you can operate the scrollbar.

Member Avatar for websmythe

Works just fine for me in FireFox

Nice site BTW.

Member Avatar for MidiMagic

I stuffed your code into the W3C validator, and it spit out the error messages.

You have chosen the XHTML 1.0 Strict doctype, but you are using deprecated elements which are not supported by XHTML. Either change your doctype, or change the deprecated elements to the style sheet equivalents.

Below are the results of checking this document for validity.

Error 1 Line 68 column 34: there is no attribute "height". <table width="733" height=[B]"[/B]40" border="0"> The height= attribute is deprecated in XHTML.

Error 2 Line 71 column 22: there is no attribute "width". <td width=[B]"[/B]254"><img src="images/film-strip-01.gif" alt="film strip" The width= attribute is deprecated in XHTML.

Error 3 Line 71 column 113: there is no attribute "border".

The border= attribute is deprecated in XHTML.

Error 4 Line 71 column 123: there is no attribute "align"

The align= attribute is deprecated in XHTML.

Error 5 Line 75 column 27: there is no attribute "height". <td height=[B]"[/B]25"><h4><strong>Music Samples</strong></h4> The height= attribute is deprecated in XHTML.

Error 6 Line 196 column 17: there is no attribute "align". <div align=[B]"[/B]center"></div> The align= attribute is deprecated in XHTML.

I suggest that you create stylesheet entries for these three lines with the proper styles in them. Either that, or chose a doctype which accepts these deprecated attributes. But doing the latter will eventually require you to do the former at a later date.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.