Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

montaguti

Redefinir o tamanho da página automaticamente

Por , em Desenvolvimento frontend

Recommended Posts

montaguti    0

montaguti
Postado

Olá galera.
Estou com um problema aqui no desenvolvimento de um site em PHP e MySQL, mas o problema é na questão do layout.

Bom, existe uma página que precisa mudar de tamanho conforme novos itens sejam adicionados ou excluídos pelo administrador.

 

<html>
<head>
</head>

<?php
   include "topo.php";
?>

<body>
   <div id="tudo_meio">

      <div id="box_1" class="box_adicionado">
       Sou um box adicionado pelo administrador.
      </div>

      <div id="box_2" class="box_adicionado">
       Sou outro box também adicionado pelo administrador.
      </div>

   </div>
</body>

<?php
   include "rodape.php";
?>

<html>

 

Vamos supor que este seja o código.

E este é o CSS

 

 

@charset "utf-8";
/* CSS Document */

body {
	margin: 0 auto;
}

div#tudo_meio{
	border:#00F 1px solid;
	width:980px;
	height: 800px;
	margin: 10px auto -14px;	
}

.box_adicionado{
	border: #00F 1px solid;
	margin-top: 10px;
	margin-left: 10px;
	height: 300px;
	width: 300px;
	float:left;	
}

 

 

 

Qual o problema?


Seguinte :

 

Se eu deixo o tamanho da div "tudo_meio" como indefinido, por estarem como float (eu imagino que seja isso), os "box_adicionado" vão parar no canto inferior esquerdo da página, em cima do rodapé. Mas como eu defini um height pra "tudo_meio" eles ficam certos, mas preciso que a medida que novos boxes sejam cadastrados, a pagina cresça. E caso alguns boxes sejam "deletados" a pagina decresça. Tentei usar o "min-height" mas não deu certo. Tem como solucionar isso apenas com CSS e HTML (se sim, como?) ou preciso de algo em Javascript/JQuery?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

troque:

height: 300px;
por
min-height: 300px;

Compartilhar este post

Link para o post
Compartilhar em outros sites

montaguti    0

montaguti
Postado

Bom galera, consegui. O problema estava realmente no "FLOAT: LEFT" ...

Bastou adicionar na div pai o comando "OVERFLOW: AUTO" E FICOU TUDO CERTINHO!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito