Ir para conteúdo

POWERED BY:

Arquivado

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

0p3r4r10

[Resolvido] DIV que não aumenta

Por , em Desenvolvimento frontend

Recommended Posts

0p3r4r10    0

0p3r4r10
Postado

Já tentei tudo que sei e não consegui resolver!

 

Como é a minha primeira experiencia com CSS, estou tentando modelar esse site:

 

http://gamehall.uol.com.br/kofbrteam/www/index.php

 

Quando voce clica nos links HOME e MEMBROS, o conteudo PASSA da caixa que guarda o MENU e o conteudo!

 

Tenho 3 caixas:

 

TOPO

 

LOGIN

 

[MENU + CONTEUDO]

 

 

Essa ultima caixa não aumenta. Já experimentei "height: auto", mas não obtive o resultado esperado!

 

meu CSS:

 

<style>body	{	margin:0px 0px;	font: 10px Verdana, Arial, Helvetica, sans-serif;	background:#ffffff;	text-align:center;	}a img{border:0;}font 	{	font-family: verdana, arial, helvetica, sans-serif; 	font-size: 9pt;	}a:link {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9pt;	font-weight: normal;	text-decoration: none;	color: #FFFFFF;	}a:visited { 	font-family: "Verdana", Courier, mono; 	font-size: 9pt; 	font-weight: normal; 	color: #FFFFFF; 	text-decoration: none	 }a:active {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9pt;	font-weight: normal;	color: #66FF33;	text-decoration: none;	border-top: thin none #0000CC;	border-right: thin none #0000CC;	border-bottom: thin none #0000CC;	border-left: thin none #0000CC;	}a:hover {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9pt;	font-weight: normal;	color: #FFFF00;	text-decoration: underline;	filter: blur(Add=0,strength=5,direction=105);	}#geral	{	margin: 10px auto;	max-width:800px;	width:800px;	padding:0;	text-align:left;	background-color:#f2f4f9;	height: auto;	}#topo	{	background-color:#f2f4f9;	max-width:100%;	width:100%;	min-width:300px;	text-align:left;	border:1px solid #000000;	background: #073905;	}#login	{	margin:5px 0px;	background-color:#000;	max-width:100%;	width:100%;	min-width:300px;	text-align:left;	border:1px solid #000000;	color: #fff;	}#conteudo	{	background-color:#fff;	border:1px solid #000000;	height: 100%;	margin:5px 0px;	width:100%;	min-width:300px;	text-align:left;	}#menu	{	margin: 0 10px 10px 0;	background-color:#073905;	border:0;	float: left;	height: 100%;	width: 130px;	padding: 0 0 0 2px;	}#central	{	margin: 0 10px 10px 0;	background-color:#fff;	border:0;	float: left;	height: 100%;	width: 400;	padding: 0 0 0 2px;	}#disp_a a 	{	margin:0px 5px;	display: block;	}.menu_head	{	margin:0px 5px;	font: 10px Verdana, Arial, Helvetica, sans-serif;	background:#FFFF00;	text-decoration: bold;	}	</style>

Parte do codigo:

<body><!-- Inicio Geral --><div id="geral">	<!-- Inicio Topo -->	<div id="topo">	<img src="http://img96.imageshack.us/img96/8488/banner4vn.jpg" style="vertical-align:top" border="0" width="798" />	</div>	<!-- Fim Topo --> 	<!-- Inicio Login -->	<div id="login">	  <?php RESPONSAVEL PELO LOGIN?>	</div>	<!-- Fim Login --> 	<!-- Inicio Conteudo -->	<div id="conteudo">		<!-- Inicio Menu -->		<div id="menu">		<br />		<?php RESPONSAVEL PELO MENU?>		</div>		<!-- Fim Menu --> 		<!-- Inicio Central -->		<div id="central">											  <?php RESPONSAVEL PELO CONTEUDO?>		</div>		<!-- Fim Central -->	</div>	<!-- Fim Conteudo --> </div><!-- Fim Geral --> </body>
Obrigado a todos pela força!

Compartilhar este post

Link para o post
Compartilhar em outros sites

0p3r4r10    0

0p3r4r10
Postado

Pessoal, desculpem! Andei fuçando e encontrei uma solução (pelo menos com o firefox, pq nao tenho como testar com o IE)!usei o: DISPLAY: TABLE;E ta tudo uma BELEZA!Abraços!

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