Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try using some resets early on in your stylesheet
    http://meyerweb.com/eric/tools/css/reset/

    Thread Starter jobjansweijer

    (@jobjansweijer)

    Hi Andrew,

    Thanks for your reply, it is fixed! 🙂
    For anybody with the same problem:
    Below you can find my original resets. I changed
    html {height: 101%;}
    to
    html {height: 100%;}

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	vertical-align: baseline;
    	background: transparent;
    }
    
    html {height: 101%;}
    
    body {
    	line-height: 1;
    }
    h1, h2, h3, h4, h5, h6 {
    	clear: both;
    }
    ul {
    	list-style: none;
    }
    
    blockquote {
    	quotes: none;
    }
    blockquote:before, blockquote:after {
    	content: '';
    	content: none;
    }
    del {
    	text-decoration: line-through;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    a img { border: none; }
    
    img { display: block; }
    
    input[type="submit"]::-moz-focus-inner {border:0;}
    input[type="submit"]::-webkit-focus-inner {border:0;}
    
    .project.main img,
    .post p img,
    .page p img,
    .postThumb,
    video,
    object,
    embed,
    div.wp-caption img {
    	max-width: 100% !important;
    	height: auto;
    }
    
    .wp-caption {
    	width: auto !important;
    }
    
    /**** Isotope filtering ****/
    
    .isotope-item {
      z-index: 2;
    }
    
    .isotope-hidden.isotope-item {
      pointer-events: none;
      z-index: 1;
    }
    
    .isotope-item { -webkit-transition-duration:0.8s; }
    
    /**** Video Embeds ****/
    
    .videoContainer {
    	position: relative;
    	padding-bottom: 56.25%;
    	padding-top: 0px;
    	height: 0;
    	overflow: hidden;
    }
    
    .videoContainer iframe,
    .videoContainer object,
    .videoContainer embed {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Remove scrollbar’ is closed to new replies.