I'm working on a website design that includes just one <div>. I have managed to make it responsive to different screen resolutions, but when testing it on a laptop, the horizontal and vertical scrollbars are automatically appearing. Does anyone know how I can prevent this issue from happening?
The CSS I'm currently using is:
<style>
div
{
background-image: url('../Maps/Plan.png');
width: 1514px;
height: 960px;
margin: 0px 0px 0px 190px;
border: 2px groove;
table-layout:fixed;
}
.container
{
margin-right: auto;
margin-left: auto;
width: 1514px;
height: 960px;
}
.container:before, .container:after
{
display: table;
line-height: 0;
content: "";
clear: both;
}
</style>