Possible Duplicate:
Get a div to go across the whole page
I need to make a div tag that will start from the beginning of the browser, not after a margin, for example when I make this code:
<html>
<head>
<title>CSS Test</title>
<style type="text/css">
div
{
width:100%;
height:100%;
border:1px solid black;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
The div starts after a margin from top, left and right. But I want it to start with no margin, even when I make the margin:0px 0px; it still won’t work. So, what do I do to make it with no margins and is that method useable with images too?
Without the
box-sizingyou will end up with a div which is 100%+2px wide and 100%+2px tall.