White space at top of page

by

Add a css reset to the top of your website style sheet, different browsers render some default margin and padding and perhaps external style sheets do something you are not aware of too, a css reset will just initialize a fresh palette so to speak:

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, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

UPDATE: Use the Universal Selector Instead:
@Frank mentioned that you can use the Universal Selector: * instead of listing all the elements, and this selector looks like it is cross browser compatible in all major browsers:

* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

More Related Contents:

  1. CSS Not Being Responsive
  2. Bold tag breaking the divs?
  3. When to use IMG vs. CSS background-image?
  4. Li item on two lines. Second line has no margin
  5. Add a background image (.png) to a SVG circle shape
  6. Two inline-block elements, each 50% wide, do not fit side by side in a single row
  7. How do I make an editable DIV look like a text field?
  8. Tables instead of DIVs [duplicate]
  9. Is type=”text/css” necessary in a tag?
  10. Text overflow ellipsis on two lines
  11. Style input element to fill remaining width of its container
  12. ‘position: sticky’ not working when ‘height’ is defined
  13. Absolute positioning inside absolute position
  14. Use CSS to remove the space between images [duplicate]
  15. Borders disappear in Chrome when I zoom in
  16. img tag displays wrong orientation
  17. How To Isolate a div from public CSS styles?
  18. CSS ONLY Animate Draw Circle with border-radius and transparent background
  19. Bootstrap 4 – Sticky footer – Dynamic footer height
  20. Center HTML Input Text Field Placeholder
  21. CSS – relative positioned parent div not stretching to absolute child div height
  22. html table cell width for different rows [duplicate]
  23. How does the z-index property really work?
  24. Linking to CSS in an SVG embedded by an IMG tag
  25. Height Calculation By Browsers : Containing Blocks and Children
  26. Understanding grid negative values
  27. How to pass parameters to css classes
  28. Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2
  29. Can you style ordered list numbers?
  30. Table with table-layout: fixed; and how to make one column wider

Leave a Comment