Hi, I'm trying to make it so that my Wrapper fixes to the screen resolution depending on your screen, so I'm basically debugging on both my laptop and my 32"" monitor.
Would they be any possible way to make it so:
"height: 100%"
"width: 100%"
If so how would I do this method? I've got this far atm:
(The wrapper is help inside the main Container which just has
"width: 100%;
min-width: 100%;
padding: 0;
margin: 0; "
Excuse my sloppy coding.
.index_wrapper {
width: 100%;
height: 1600px;
min-width: 500px;
max-width: 100%;
min-height: 500px;
max-height: 1600px;
margin-top: 50px;
margin-bottom: 25px;
margin-right: auto;
margin-left: auto;
}
.index_content {
background-color: #1e1f1f;
background-image:url('images/structure/background-2.jpg');
background-repeat: no-repeat;
height: 100%;
min-height: 100%;
width: 100%;
min-width: 1452px;
border: 1px solid #505050;
border-left:none;
border-right:none;
border-top: none;
vertical-align: baseline;
}