When I re-size browser the elements whose position is set absolute does not changes according to other elements. if i place absolute divs inside relative then black box is not shown.\[code\]<div id="outer"></div><div class="blackbox"></div><div class="form"></div> #outer{ width:1250px; height:auto; margin:auto; position:relative;}#blackbox{ width:100%; height:100%; background:#000; opacity:0.5; position:absolute; z-index:10; left:0; top:0;}.form{ width:500px; height:350px; z-index:20; background:#FFF; position:absolute; top:100; left:400;}\[/code\]
Elements of postion absolute shifts on browser resize
- Thread starter BluellNer
- Start date