Menu
Hi
I’ve a seimple code for create an black rectangle long as the entire body
The problem is that when i resize di windows and the body goes under the min-width, scrollbar appears and moving it i see that the black rectangel is “cut” in the part that exceed
Searching on internet, i’ve found that solution is to set margin and padding of the body element to 0px… in my case didn’t work
[code=php]
</head>
<style type”text/css”>
html, body
{
width: 100%;
min-width:500px;
height: 100%;
min-height:700px;
margin:0px;
padding: 0px;
}
#red {
position:absolute;
top:100px;
width:100%;
min-width:100%;
height:37%;
min-height:300px;
max-height:330px;
background: rgb(0,0,0);
margin: 0px;
padding: 0px;
}
</style>
<body>
<div id=”red”></div>
</body>
</html>