0

I am not sure how to best describe this issue. I have tried troubleshooting it endlessly. I can describe it by saying, "the pages scroll vertically for WAY longer then there is content on firefox. This does not occur on every page and it does not occur on any other browser.

Of course that isnt very helpful. I could post the html but I don't that will help because its clearly a problem of both html and css. I think the easiest way to troubleshoot would be to post a link to a page with the problem.

So, I will do that now: www.docutoss.com

The sites just a small project of mine and i'm really stumped with this one last issue.

Jonah Bishop
  • 12,279
  • 6
  • 49
  • 74
user1680531
  • 9
  • 1

2 Answers2

3

You absolute positioning of DIV elements is causing this. When you position elements this way your leave a "hole", and that is what is causing the extra space.

Consider rendering your page using only floats.

mmcglynn
  • 7,668
  • 16
  • 52
  • 76
  • If this is the case, why do these "holes" not appear in Chrome or IE 8? – Jonah Bishop Sep 18 '12 at 14:29
  • Try this: remove the IDs topheader, navigationbox, left, middle, right, footer. You will see the scroll bar shorten as these DIV elements appear in their natural positions. On the other issue, chalk that up to browser differences. – mmcglynn Sep 18 '12 at 14:35
  • You're correct. I'm playing around with the `display: none` rule in Firebug, and the scrollbar does indeed get shorter. Very bizarre. Also, he appears to be using _relative_ positioning, rather than absolute. – Jonah Bishop Sep 18 '12 at 14:36
  • I've not seen this behavior before either. I really encourage you, though, to try your layout using just floats, unless you have a compelling reason to use positioning, which I view as unnecessary here. – mmcglynn Sep 18 '12 at 14:38
0

what doctype are you using? Using incorrect doctypes in the past has proven to be a major problem across different browsers.

GeorgeButter
  • 2,521
  • 1
  • 29
  • 47