thedarkone
New Member
I have a \[code\]body\[/code\] tag in my HTML which should fill the whole page (the whole \[code\]html\[/code\] tag so), but it appears with some pixels between the top of the page and the top of the \[code\]body\[/code\] tag.Strange thing is that if I force \[code\]body {padding: 0;}\[/code\] in my CSS, there's still this little bar at the top of the page which \[code\]body\[/code\] doesn't manage to fill, while if I set \[code\]padding\[/code\] to any non-zero value that little bar gets covered by \[code\]body\[/code\] and the specified padding is applied.This is my trivial CSS (which styles a \[code\]body\[/code\] HTML tag filled with \[code\]div\[/code\]s and ordinary stuff):\[code\]html { height: 100%; margin: 0; padding: 0; // this is ok, html fills the whole page}body { margin: 0; height: 100%; padding-top: 1px; // here, if I write padding:0;, space at the top will not be filled by body} \[/code\]EditHere's my HTML, I don't know if it can be useful.\[code\]<body> <div id="container"> <header id="page_header"> stuff </header> <section id="page_content"> stuff </section> <footer id="page_footer"> stuff </footer> </div> <!-- end of div#container --></body>\[/code\]Note: I'm working with both Firefox and Chrome, same behavior.