Forum Discussion
Gray bar appearing in bottom of header image
I did some research with developer tools and I can see that it's a CSS issue. I'm no expert with CSS, but I can see that there is a difference between the image and the <div> section, which contains the image (and title). On my main monitor, when I maximize the browser window, there is a CSS "@media screen" property that goes from 228 pixels to 280 pixels. For the image, the "element.style" CSS has a "height" property that does not change - it stays at 228 pixels. The <div> doesn't have a height property, so it resizes to 280 pixels. That's what's creating the gray bar. I assume that the "@media screen" style is updated by the browser. No clue why it changes when maximizing on certain screens.
I've opened a ticket with Microsoft with all this info, so maybe they'll make some kind of adjustment to the CSS.
- Great detective work! I'm looking forward to what you learn!
- Have you heard anything from Microsoft about this? I have noticed this as well and it's still continuing to this day. Thank you!
- Hi Beth. The ticket with Microsoft was escalated to the Product group. I get weekly updates, but nothing yet. From what I understand, they're working on a fix.
LucidBike1140 Any update on this? And any idea why it would magically show up for a page I created yesterday, but not any other pages on my site?
