I have div
container
with height
and width
90%
, it's the way I want! Even if I zoom out it stays fixed without increasing or decreasing.
What I'm trying to do is div
override this div
container
and stay fixed really.
Even increasing and decreasing the% w / o% that has to overlap the div
is fixed. I'll give you an example.
Normal zoom size:
Zoomedinsize:
Iwouldliketoleavethe%costhatoverlaysthestillimageevenbyzooming.
HTML
<div id="container">
<div class="corpo">
<img src="img/1inicio.jpg" style="height:100%;" />
<div class="painelvermelho"></div>
</div>
</div>
CSS
#container {
position:relative;
height:90%;
width:90%;
margin: 0 auto;
border: 1px red solid;
}
.corpo img {
position: absolute;
width:100%;
}
.corpo {
min-height: 500px;
height:100%;
}
.painelvermelho {
width: 130px;
height: 100px;
border: 5px solid #FF0000;
position: absolute;
cursor: pointer;
bottom:0;
}