SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Feb 2010
    Posts
    83
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    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:
    Code:
    .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.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,481
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    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)

  3. #3
    SitePoint Enthusiast
    Join Date
    Feb 2010
    Posts
    83
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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/FluidWi...WidthVideo.php

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,481
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by qwaerstd View Post
    Hi, thanks for your reply.

    I see the video but get a big gap as well.
    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/FluidWi...WidthVideo.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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •