Ir para conteúdo

POWERED BY:

Arquivado

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

michelmfreitas

[Resolvido] Background não acompanha conteúdo

Por , em Desenvolvimento frontend

Recommended Posts

michelmfreitas    1

michelmfreitas
Postado

Olá pessoal, estou com probleminha... estou fazendo a administração de um site e tenho uma DIV que não acompanha o conteúdo, que sempre estoura. Como faço?

 

tela: Imagem Postada

 

Codigo fonte:

 


	<body>
		
        <div id="site">
        
        	<div id="topo">
            	<div class="cabecalho"><strong>Administração do Site</strong></div>
                <p><a href="#">Logout</a></p>
            </div>

            
            <div id="menu">
            	... conteudo menu...
            </div>

            
            <div id="conteudo">
            	
		<div class="cabecalho">Propriedades</div>
                <div id="contentConteudo">
                
                <div id="formulario">

	<p>Adicione o texto Institucional:</p>
	
	<br />

	<br />
	<form action="?area=institucional⊂=adicionar&acao=add" method="post" id="frmInstitucional">
	
	<p>
	<label>Subtítulo:</label>
	<input type="text" name="subtitulo" id='subtitulo' />
	</p>
	
	<p>
	<label>Texto</label>

	<textarea id="content" name="texto" cols="85" rows="10"></textarea>
	</p>
	
	<br />
	<p>
	<label> </label>
	<button>Adicionar</button>
	</p>
	
	</form>

</div>

<div id="listagemItens">

<h4>Itens já cadastrados</h4>

	<p class='linha'>
	<span>subtitulo 1</span>
	<img src="img/Symbol - Add_32.png" alt="adicionar" align="absmiddle" /><a href="?area=institucional⊂=adicionar">Adicionar</a> 

	<img src="img/Symbol - Remove_32.png" alt="Remover" align="absmiddle" />Apagar 
	<img src="img/Edit_32.png" alt="Editar" align="absmiddle" />Editar 
	</p>
		<p >
	<span>subtitulo 2</span>
	<img src="img/Symbol - Add_32.png" alt="adicionar" align="absmiddle" /><a href="?area=institucional⊂=adicionar">Adicionar</a> 
	<img src="img/Symbol - Remove_32.png" alt="Remover" align="absmiddle" />Apagar 

	<img src="img/Edit_32.png" alt="Editar" align="absmiddle" />Editar 
	</p>
	</div>
                
                </div>
				
            </div>			
        
        </div>
		

    </body>

codigo css da div

#site{
	padding:20px;
	background-color:#FFFFFF;
	width:940px;
	height:auto;
	margin:0 auto 0 auto;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Por um acaso, as divs: menu, e conteudo estao flutuadas? (float: left|right) ?

Caso sim, adicione um elemento nivel de bloco apos esses elementos, antes de fechar a DIV #site, com um clear: both;

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