Archived topic
Issue with header media
1 reply · Started by Elisabeth on March 7, 2020
Hi there
I've got a problem where a div I have overlaying the header/banner image isn't displaying right. On most machines - inc ones with screens of different sizes - it works fine but on a HP PC, on a 23" wide angle monitor it's doing really peculiar stuff.
I've created a page on my own site outlining the problems with a screen grab and also sharing the additional css I have in case you can spot a problem with it. I believe I've set up the element correctly.
The problem site is in the url below, but I can send you an editor level log in for the page on my own site with better details of the problem if you let me know where to send a log in invite to.
Thank you in advance,
Elisabeth
Hi there,
that is the big problem with % padding in a contained width element. The % is calculated on the overall screen width ( this applies to Top and Bottom padding as well as left and right ).
It would be better if you applied a max-width property to your div.transbox CSS to contain its width.
