fixed, lock please

The issue is with my pet Handstitched. It's scrolling down to... all this.

When I inspect the content element in my browser, it says there's a height tag of "1050px!important;" and that's there in the page source, but it isn't something I've added, so I assume that must be the default... but no matter what I do, I can't figure out how to override this so that the height of is 100% of the page height.

I see a lot of advice for resetting say to do "height: auto !important;" on , but the result of both that and "height: 100% !important" is...

Min-height and max-height on content also didn't seem to help. It just didn't seem to do anything.

Also tried making -content 100%, in addition to , but then the extra space just came back again.

CSS

<style>
body {
background: url('https://i.postimg.cc/kgYbB4xX/4zw2kz.jpg');}
 {
margin: 0;
padding: 0;
background: transparent;
}
 {
margin: 0;
width: auto;
}
 {
margin: 0;
width: auto;
}
,  {
width: auto;
padding: 0;
}
 {
position:absolute;
left:85px;
top:400px;}
 h2{
display:none;}
 {
position:absolute;
top:20px;
left:75px;
}
, , , , , , ,  {
display: none;
}
, ,  {background: url('https://i.postimg.cc/V6XXvzG5/fabric-plaid4.png');
-moz-border-radius: 15px;
border-radius: 15px;}
 { width: 280px; height: 141px; padding: 10px; position:absolute; top:360px; left:355px; overflow: auto;}
.treasure_item {width: 60px; height: 60px;padding: 2px;}
 {width: 280px; height: 141px; padding: 10px; overflow: auto; position:absolute; top:360px; left:675px;}

{width:600px; height:270px; overflow: auto; padding: 10px; position:absolute; top:50px; left:355px;} </style>

Logged Out

fixed, lock please

Replies