![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
white "borders" on left and top
As the image shows, this webpage has a white "border" on the left and top of the content area. The page was generated by Excel. I was working on it when the "mouse" grabbed it and dragged it. After that the white borders were there and nothing I do gets rid of it. There is another Excel generated webpage that now also shows the same. These are the only pages it happens with, and neither did it before the content of the one got dragged. What can I do to correct this?
Wšykne wótegrona (4)
Browsers traditionally have a margin of 8-10 pixels around the whole page. It is common for sites to use a style rule to reduce that to zero, but if the page doesn't have a rule for that, you'll get the margin. I don't know why that would have changed suddenly; seems it should be coded into your files.
If you need to re-establish that rule, you can place this in a relevant location:
In an external ________.css file used in the page:
body, html { margin: 0; }
In your main page, if you don't use an external style sheet, just before </head>:
<style type="text/css"> body, html { margin: 0; } </style>
You can of course also make the background of the body black or the color you use on your web page.
<style type="text/css"> body, html { background: black; } </style>
The background is black. The white you see is not part of the page itself. I have been doing some experimenting and I think the issue lies with the CSS generated by Excel. I took a copy of the page and stripped out all of the CSS and the page doesn't have that issue with a normal <body bgcolor="black" attribute.
Wayne said
... a normal <body bgcolor="black" attribute.
For broadest compatibility, it is recommended to use style rules for colors rather than rely only on old style attributes such as bgcolor.
body { background-color: black; }