Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

How to change file:/// page format; get rid margin: 4em auto;

  • 2 replies
  • 2 have this problem
  • 6 views
  • Last reply by cor-el

NYCPaull
NYCPaull
more options

I use Firefox off-line to manage many formats of private text and media files stored in folders on a removable flash drive. I created an HTML page split between a left index and right display area. The index frame holds links to folders or individual text, pdf or html files of personal information that are opened in the right display frame when clicked.

When I use Firefox and link to a folder the page format positions the folder information in the middle of the page with a margin "margin: 4em auto" while Chrome puts the folder information flush to the left. (See attached images) Is it possible to make the Firefox "file:///" information flush left to avoid all the wasted white space shown in the images below.

I use Firefox off-line to manage many formats of private text and media files stored in folders on a removable flash drive. I created an HTML page split between a left index and right display area. The index frame holds links to folders or individual text, pdf or html files of personal information that are opened in the right display frame when clicked. When I use Firefox and link to a folder the page format positions the folder information in the middle of the page with a margin "margin: 4em auto" while Chrome puts the folder information flush to the left. (See attached images) Is it possible to make the Firefox "file:///" information flush left to avoid all the wasted white space shown in the images below.
Attached screenshots

Chosen solution

You can apply custom style rules to pages under file:///c using the Stylish extension or possibly a userContent.css file (I only tested Stylish).

For example: 

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("file:///c") {
  html {padding: 0 !important;}
  body {margin:8px !important;}
}

Example screen shot attached.

Read this answer in context 👍 1

All Replies (2)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Chosen Solution

You can apply custom style rules to pages under file:///c using the Stylish extension or possibly a userContent.css file (I only tested Stylish).

For example: 

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("file:///c") {
  html {padding: 0 !important;}
  body {margin:8px !important;}
}

Example screen shot attached.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You can find the CSS rules in this file that you can open via the location/address bar for inspection:

  • chrome://global/skin/dirListing/dirListing.css