Google Chrome/ Norton Identity Safe CSS clash

Hi

Has anyone else noticed some weird behaviour in Chrome when Norton Identity Safe is switched on?

For example, I have created a site with a responsive video. In Chrome, with Norton on, I get a massive gap at the top of the screen (about 800px).

If I comment out this CSS:

.responsive-container
{
position: relative;
/* padding-bottom: 56.25%;*/
/* padding-top: 30px; */
height: 0;
overflow: hidden;
}

the problem goes away (but so does my video).

Very strange.

Are you sure its not just an ad-blocker or something similar in Norton? Or do you still see the video but get a big gap as well?

That code looks weird anyway.

Percentage padding refers to the width of the container even for top and bottom padding (unlike percentage heights which refer to the height of the containing block)

Hi, thanks for your reply.

I see the video but get a big gap as well.

I think that code is a pretty standard way of making a responsive 16:9 video embed, no?

http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

Do you have a link that we can try out and see if we can spot anything untoward (and possibly a screenshot of the problem with Norton on and then off).

I think that code is a pretty standard way of making a responsive 16:9 video embed, no?

http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

Ah, ok it is the width that it is wanted for scaling so the padding percentages is ok. You can rely on Thierry’s techniques to work as he is very thorough so that method should be ok.