Prezados colegas, bom dia.
Tenho uma div principal, e dentro desta, outra div(secundaria).
estou tentando posicionar a div secundaria na div principal. Quero colocara por exemplo a 10% abaixo do topo da div principal, eu seto o CSS para top:10% mas ela não vai!
Segue abaixo codigo.
<div id="DivPrincipal"> <div id="IntDiv1"> <table align="left"> <? echo "<tr><td>De ".mostraData($x->dataIni)." a ".mostraData($x->dataFim)."</td></tr>"; echo "<tr><td>".$x->local." / ".$x->cidade." - ".$x->estado."</td></tr>"; echo "<tr><td><table><tr><td>FALTAM</td></tr><tr><td>X dias</td></tr></table></td></tr>"; ?> </table> <div id="divInt2"> <table> <tr><td>Lista de Inscrições</td></tr> <tr><td> <table> <tr><td>Inscrição</td><td>Nome</td><td>CPF</td><td>Email</td><td>Celular</td></tr> </table> </td></tr> </table> </div> </div> </div>
e no css
#DivPrincipal{ position: relative; width: 800px; z-index:1; top: 10%; border: 1px solid black; border-radius:11px; background-color: white; overflow: auto; } #divInt2{ position:relative; top:30%; }
Alguem pode me dar a luz no fim to tunel?