X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

Unaccountable space at the beginning of a HTML document.

Posted

I've designed and developed a website using Skeleton boilerplate and Perch CMS, and it works perfectly in all desktop browsers I've tested it in and almost does in Firefox 18.0.1 for Windows XP.

When I browse the site and click on the news page (http://www.f3racing.co.uk/news.html) in Firefox 18.0.1 there's a weird empty space right at the beginning of the document, so the main navigation and header is pushed down maybe 190 pixels from the top of the window pane.

This ONLY happens on the news page, Firefox doesn't add this on any other page despite it using the same boilerplate.

When using firebug if I disable this float:

   .container .column, .container .columns {
       float: left;
   }

in the skeleton.css file the space vanishes, but this is vital to the boilerplate I'm using and removing it would mean a complete re-build of the website, is there a way I can get this page functioning as it does in all other browsers?

Modified by number8pie

Additional System Details

Installed Plug-ins

  • Shockwave Flash 11.4 r402
  • Google Update
  • Winamp Application Detector
  • 5.1.10411.0
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • GEPlugin
  • Google Updater pluginhttp://pack.google.com/
  • Plugin for Wacom tablets.
  • Wacom Dynamic Link Library
  • wpidetector
  • The plug-in allows you to open and edit files using Microsoft Office applications
  • Office Authorization plug-in for NPAPI browsers
  • RealJukebox Netscape Plugin
  • RealPlayer(tm) LiveConnect-Enabled Plug-In
  • 6.0.12.1675
  • Adobe PDF Plug-In For Firefox and Netscape
  • Windows Presentation Foundation (WPF) plug-in for Mozilla browsers
  • DRM Netscape Network Object
  • Npdsplay dll
  • DRM Store Netscape Plugin
  • np-mswmp

Application

  • User Agent: Mozilla/5.0 (Windows NT 5.1; rv:18.0) Gecko/20100101 Firefox/18.0

More Information

cor-el
  • Top 10 Contributor
  • Moderator
10756 solutions 96800 answers

A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.

the-edmeister
  • Top 10 Contributor
  • Moderator
3197 solutions 24403 answers

Helpful Reply

He has a thread over there.

http://forums.mozillazine.org/viewtopic.php?f=25&t=2655221

Question owner

I've found out what is causing the problem:

On all other pages I use a negative margin on the content to get the overlap of content and background image (there is a good reason I'm not using it simply as a background image), and this works fine.

On the news page I've positioned the background image absolutely and given it a negative z-index. There is a reason for this difference, but right now I can't remember it (I'll probably find out today whilst changing the layout to be the same as the other pages).

I would still like to know why every other browser handles this as I expected, yet Firefox adds this space at the beginning of the document. I think knowing why would help me avoid issues like this in future.