After finally getting my website up and running using style.css, I am faced with the following CSS code:
html
{
height:100%;
}
{
position: relative;
z-index: 0;
width: 100%;
left: 0;
top: 0;
cursor:default;
overflow:visible;
}
body
{
padding: 0;
margin:0;
color: #000000;
height:100%;
min-height:100%;
background-color: #D3D8FD;
background-image: url('images/Bottom_texture.jpg');
background-repeat: repeat-x;
background-attachment: fixed;
background-position: top center;
min-width: 820px;
}
.cleared
{
display:block;
clear: both;
float: none;
margin: 0;
padding: 0;
border: none;
font-size: 0;
height:0;
overflow:hidden;
}
I'm struggling to figure out how to adjust this so that when the page is viewed on a large screen, there isn't any empty space or unnecessary stretching. I simply want the page to display at its actual size without leaving any blank areas.
I've tried experimenting with various CSS properties but haven't found a solution yet as I'm not very experienced with coding. Any help would be greatly appreciated.
Thank you.