[Support request] Issue with header media

[Elisabeth]

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

[David]

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.

[Author]

Posts