/ Published in: CSS
This is the CSS stylesheet I currently start every website that avoids some of the common browser bugs experienced when developing for multiple browsers.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
/* Default screen stylesheet for http://www. Author: thesambarnes (e-mail address) Last updated: 00/00/2008 */ /* Defaults begin *************************************************************************************************/ /* Remove padding and margin */ * { margin: 0px; padding: 0px; } /* Puts sensible margin and padding back on suitable elements */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table { margin: 1em 0; } /* Headers *****************************/ h1 { } h2 { } h3 { } h4 { } h5 { } /* Text *****************************/ p { } /* Links *****************************/ a { } a:hover { } a:active { } a:visited { } /* Images *****************************/ img { border: 0px; } /* Lists *****************************/ ul { } /* Removes styling from all list items */ ul, li { list-style:none; } ul li { } ul li a { } /* Clears all floats */ .clear { clear: both; } /* Forms *****************************/ /* Removes fieldset borders */ fieldset { border: 1px solid transparent; } /* Tables *****************************/ table { border-spacing: 0; border-collapse: collapse; } td { text-align: left; font-weight: normal; } /* HTML and body tags *****************************/ html { } /* Creates foundation "em" font sizes where 1em is equal to approximately 10px and 1.1em = approx. 11px etc */ body { font: 62.5%/1.6 Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } /* Defaults end *************************************************************************************************/ /* Internet Explorer workaround that centers the site in the browser */ #iepagewrapper { text-align: center; } #pagewrapper { margin: 0px auto 0px auto; }