Seguinte pessoal, os itens da page saem do lugar na hora que eu deixo o navegador em modo janela, alguém pode me dar um “norte” de o que fazer para ele redimensionar todos os itens para a pagina nao ficar zoada !?
abaixo o código da página
Qualquer ajuda é muito bem vinda! Desde já obrigado.
<div class="new">
<div style="width:25%;position:relative;left:630px;top:45px;color:white;">
<h3>CONSULTAR DEMANDA </h3>
</div>
<div class="immage"></div>
</div>
<div id="col_4">
<form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post" id="col_4" class="col_4">
<div style="background: #f2e8e8;width: 83%;float:right;text-shadow:none;color:black;display:inline-block;">
<main>
<input style="display:none" id="tab1" type="radio" name="tabs" <?php if(@$_GET['tab'] == 1 || $_SERVER['PHP_SELF'] == '/mining/consultar.php') echo 'checked';?>>
<label for="tab1">Recentes</label>
<input style="display:none" id="tab2" type="radio" name="tabs" <?php if(@$_GET['tab'] == 2) echo 'checked';?>>
<label for="tab2">Não Finalizadas</label>
<input style="display:none" id="tab3" type="radio" name="tabs" <?php if(@$_GET['tab'] == 3) echo 'checked';?>>
<label for="tab3">Finalizadas</label>
<section id="content1">
<?php include('../mining/form_busca.php');?>
</section>
<section id="content2">
<?php include('../mining/tratamento.php');?>
</section>
<section id="content3">
<?php include('../mining/demandasfinalizadas.php');?>
</section>
</main>
</div>
<div>
<h5 style="text-align: center;border-bottom: 2px solid black;font-weight: bold;font-size: 25px;width:280px;padding-left: 5px;">PROCURAR DEMANDA</h5>
</div>
<div class="consultarform">
<h5 style="font-weight: bold;width:200px;padding-left: 5px;">Nº da demanda</h5>
</div>
<input style="width:16%" class="consultarform2" name="num_demanda" id="numdemanda" type="number" placeholder="(OPCIONAL)Ex: 00000000"/></input>
<div class="consultarform">
<h5 style="font-weight: bold;width:250px;padding-left: 5px;">Nome do demandante</h5>
</div>
<input style="width:16%" class="consultarform2" name="demandante" id="nomedemandante" type="text" placeholder="(OPCIONAL)Digite o Nome"/></input>
<div class="consultarform">
<h5 style="font-weight: bold;width:200px;padding-left: 5px;">Divisão</h5>
</div>
<input style="width:16%" class="consultarform2" name="divisao" id="divisao" type="text" method="post" placeholder="(OPCIONAL)Digite a Divisão"/></input>
<div style="width:16%;padding-top:5px;;width:100px;padding-left: 5px;">
<h5 style="font-weight: bold">Assunto</h5>
</div>
<div style="width:16%;">
<input style="width:100%" class="consultarform2" name="assunto" id="divisao" type="text" method="post" placeholder="(OPCIONAL)Digite o Assunto"/></input>
</div>
<div style="width:16%;padding-top:5px;;width:180px;padding-left: 5px;">
<h5 style="font-weight: bold">Data de Registro</h5>
</div>
<div style="width:16%;">
<input style="width: 100%" class="consultarform2" name="data_registro" id="divisao" type="text" onkeyup="dataConta(this)" method="post" placeholder="(OPCIONAL)DD-MM-AAAA">
<div style="width:6%;position: relative;left: 5px;">
<button style="width:100px !important;" type="submit" name="btnEnviar" id="searchbutton" class="consultarform">
<h5>Buscar</h5>
</button>
</div>
</form>
</div>
<?php include '../mining/header_footer/rodape.php'; ?>