What I normally do is to start my CSS with this code:
* {
margin: 0;
padding: 0;
border: 0;
}
Then I enter another style like this:
html, body {
height: 100%;
}
And this normally clears any margins or paddings around any html tags/elements.
You could paste the above two styles in your CSS to see if it makes any
difference.
Good luck.
> I'm trying to drag my employer's GWT-driven website into standards
> mode and have run into an odd bug that I was hoping someone else has
> seen.
>
> I'm using the HTML5 doctype. There's a legacy quasi reset at the top
> of the stylesheet:
>
> html {
> height: 100%;
> }
> html,body,div,pre,form,fieldset,input,th,td {
> margin: 0;
> padding: 0;
> font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
> font-size: 11px;
> }
>
> img,body,html {
> border: 0;
> }
>
> Gecko and Webkit respect this and correctly show the site without the
> 2px gap around the outside. IE8 in Quirks Mode does as well. IE8 in
> Standards Mode, though... there's a 2px gap. It shows in layout tab as
> part of width -- body is 4px narrower than html. I've tried setting
> these inline, and that doesn't make a difference.
>
> I cannot figure out how to fix this. Anyone encountered this? Any ideas?
> dw
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
