Problem setting Sheet Background [Pendragon 6th custom sheet]

Hello everyone, I’ve created a custom version of Thierry MATTRAY's Pendragon 5th edition sheet, updated to the 6th edition with some added functionality. However, I’m having an issue with the sheet’s appearance. For some strange reason, the sheet's background displays correctly when using the popout version, but it appears incomplete when I try to use it without the popout. I'm sending some screenshots to help you understand: POPOUT VERSION IN PAGE VERSION There's the CSS of the background and box: .sheet-background{ background-image: url(<a href="https://s3.amazonaws.com/files.d20.io/images/399629543/emf6ErnQC2NRIZT3oddaOQ/med.jpg?1720168882.png" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/399629543/emf6ErnQC2NRIZT3oddaOQ/med.jpg?1720168882.png</a>); background-repeat: no-repeat; background-size: 100% 100%; } .sheet-container { position: relative; width: 1350px; padding: 60px; background-color: transparent } I've tryed to modify the code, but as soon as I change the size of the container (already present in the original sheet), the entire formatting of the sheet gets completely messed up. Can someone help me? P.S. The sheet uses Legacy Sheet Sanitization.

No one can help me?

I'd like to, but I use firefox and popup sheets are bugged out and dont work at all there so I can't see what the issue is.

What do you mean? I use firefox too, and popout works just fine. Uhm, well maybe I have understand. The previous screenshoot where from Firefox. Here's a couple from Chrome. And the situation is even worse: POPOUT (Chrome) IN PAGE VERSION&nbsp; (Chrome) Seems like I have to stop use Firefox when programming sheet LOL. EDIT: I've controlled other games too, and I'm definitely staying with Firefox. Chrome and Edge break D&amp;D 5e and others sheet too. So, since i'm using Firefox, can you help me?

Interesting, I'll have to try firefiox again, The last time I tried I just kept getting lockinf in what I assume was an infinitee loop and the sheet wouldnt open. All of this has been an unneccessary distraction. Can anyone see the problem described in the first post?

UPDATE: I've add a position for the background, .sheet-background{ background-image: url(<a href="https://s3.amazonaws.com/files.d20.io/images/399629543/emf6ErnQC2NRIZT3oddaOQ/med.jpg?1720168882.png" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/399629543/emf6ErnQC2NRIZT3oddaOQ/med.jpg?1720168882.png</a>); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; } .sheet-container { position: relative; width: 1350px; padding: 60px; background-color: transparent; } Now the background appears in the correct way whether in popout or in page. Still... There's this weird white line that i cannot corrext. If inspected with developer tool, it appears to be called Normal 0 14 false false false IT X-NONE X-NONE /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Tabella normale"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin-top:0cm; mso-para-margin-right:0cm; mso-para-margin-bottom:8.0pt; mso-para-margin-left:0cm; line-height:107%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri",sans-serif; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi; mso-font-kerning:1.0pt; mso-ligatures:standardcontextual; mso-fareast-language:EN-US;} div.charactersheet.tab-pane.charsheet.lang-undefined and if i delete it, the whole sheet formattation gets messed up. Any ideas of how I can get rid of it? Like, making it transparent...

What happens if just set it to not display?, like this in the CSS file div.charactersheet.tab-pane.charsheet.lang-undefined { display: none; }

seeing that lang-undefined makes me wonder if this appears if your language is properly recognised. Also, we'll probably be better able to help you if you post the sheet html and css files somewhere, like pastebin or gist.

GiGs said: What happens if just set it to not display?, like this in the CSS file div.charactersheet.tab-pane.charsheet.lang-undefined { display: none; } Not working... i'm not using the "translate" file.. that may be the problem? Anyway, here's a Github link. When the sheet it's done maybe i will do a separate post on the forum for whoever may want to use it, updating gradually as the Gamemaster's book and the Noble's book come out. GITHUB LINK