Ir para conteúdo

POWERED BY:

Arquivado

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

pedradegelo

auto ajuste em div

Por , em Desenvolvimento frontend

Recommended Posts

pedradegelo    3

pedradegelo
Postado

Olá pessoal..to aprendendo css e me apareceu uma dúvida meio duvidosa.rsrsrsrs

 

tipow eu consegui fazer o q está em opacidade menor na imagem com o segue:

Imagem Postada

 

o codigo é esse:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>.: Site :.</title><link rel="stylesheet" type="text/css" href="estilos/estilos.css" /></head><body>	<div id="geral">				<div id="topo">			d		</div>		<div id="menu">			<ul>				<li>Diario</li>				<li>Diario</li>			</ul>		</div>		<div id="meio">			f<br />			f<br />			f<br />			f<br />			f<br />			f<br />			f<br />		</div>		<div id="direito">			s		</div>		<br style="clear:both" />				<div id="rodape">			s		</div>									</div>	</body></html>
os estilos são esses:

 

/* CSS Document */*			{ margin:0px; padding:0px;}body		{ background:#CCCCCC; text-align:center;}#geral		{ width:766px; background:#FFFFFF; text-align:left; margin:0px auto; padding:5px;}#topo		{ width:766px; height:170px; background:#999999; margin:0px auto 10px;}#menu		{ width:150px; background:#CCCCCC; float:left; margin-bottom:10px;}	#menu ul	{ list-style:none;}#menu ul li	{ list-style:none;}#meio		{ width: 426px; background:#999999; float: left; margin: 0px 10px 10px;}#direito	{ width: 170px; background:#999999; float:left; margin-bottom:10px;}#rodape		{ width: 766px; background:#999999;}
a duvida que está em cor forte. é fazer um div que seja auto ajustável de acordo com o div meio. e que o q está em estático fique sempre perto do rodape....ou vice versa o estático em cima do auto ajustável...

 

alguem tem alguma dica de como construir?

 

valeus obrigado

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