Reply To: display bug on 21:9 screen

August 6, 2020 at 7:40 pm #6180
stevland
Keymaster

I have no clue what you are asking about.

You posted this in the Bugs and Display Issues forum, but I’m starting to wonder if you meant to post it in Modifications.

At first I thought you were saying that your background image (which you are using in the Staff login screen and the Client and Staff Headers) is unintentionally appearing in your footer.

But I found your site (I had to do some sleuthing, as you did not provide me a link as I requested).

I’ve looked at your code and I see that you are intentionally adding your own CSS modifications as to the footer I suspected:

#footer {
   position: relative;
   background-image: url(/osta/uploads/eutoiles-2.jpg) !important;
   background-size: cover !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
   height: 300px;
   width: 100%;
   margin: 0;
}
@media (max-width: 600px) {
   #footer {
       max-height: 200px;
   }
}
#osticket {
   width: 100% !important;
   background-image: url(/osta/uploads/footer.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   height: 100%;

}</p>
<p>

So what exactly is the problem?

Are you trying to get your background image to take up the entire empty area where the footer and blue background usually is?

If I am now understanding you correctly, the problem is that you’ve specified the height as 300px.

In HTML you can specify width as 100% or as auto or all sorts of useful things, but there is no equivalent “take up all of the remaining space” attribute for height

I am going to mark this as ‘Resolved’ because this is far beyond the type of support that I offer for free. But if this really is a bug or display issue with osTicket Awesome, let me know.