Jump to content


Photo

Acompanhar As Colunas


  • Faça o login para participar
2 replies to this topic

#1 wesley.tome

wesley.tome

    24 Horas

  • Usuários
  • 422 posts
  • Sexo:Masculino

Posted 03/02/2007, 11:01

Olá, tenho um layout que eu queria que as colunas da esquerda e direita acompanhassem a coluna do meio quando ela crescesse, isso não está acontecendo, pq? Segue abaixo o código.

<html>

<head>

<title>Floyd - TableLess</title>

<style type="text/css">
body { 
	margin: 0; 
	padding: 0; 
	/*background: url(../img/bg.jpg);*/
	text-align: center; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* layer principal, centralizador */

#main { 
	margin-left: auto; 
	margin-right: auto; 
	z-index: 1;
	text-align: left;
	width: 778px;
	height:100%;
}

html>body #main {
	width: 778px; /* ie5win fudge ends */
	}

#bg_coluna_p_esquerda {
	position:absolute;
	margin: 0; 
	padding: 0; 
	width: 14px; 
	height: 100%;
	/*background-image:url("bg_coluna.gif");*/
	background-color:#AA00EE;
	z-index: 3; 
}

#bg_coluna_p_direita {
	position:absolute;
	margin: 0; 
	margin-left: 764px;
	padding: 0; 
	width: 14px; 
	height: 100%;
	/*background-image:url("bg_coluna.gif");*/
	background-color:#AA00EE;
	z-index: 3; 
}


#conteudo {
	position:absolute;
	margin-left: 14px;
	margin-right: 14px; 
	padding: 0; 
	width: 750px; 
	height: 100%;
	background-color:#FFCC00;
	z-index: 3;
}

</style>

</head>



<body>

<div id="main" style="background-color:red;">

	<div id="bg_coluna_p_esquerda"></div>
	
	<div id="conteudo"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>v
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div> 
	
	<div id="bg_coluna_p_direita"></div>

</div>

</body>

</html>


Achei a solução nesses links.


http://www.positioni...out/equalheight

http://www.maujor.co...faux-colunm.php

http://elmicox.blogs...ais-usando.html

http://www.alistapar...egativemargins/

Edição feita por: wesley.tome, 03/02/2007, 11:11.

.................

#2 bdoweb

bdoweb

    Super Veterano

  • Usuários
  • 1641 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 03/02/2007, 14:52

movido para CSS
Quer ajuda seus amigo e ainda ganhar uma graninha?
Acesse agora mesmo http://yeapiz.com

#3 bobmatador

bobmatador

    12 Horas

  • Usuários
  • 210 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR

Posted 14/02/2007, 14:10

cara, tem como vc postar o codigo cara..

estou com o mesmo problema que vc

tipow
do lado esquerdo tenho a DIV , e o height do meio muda de acordo com a pesquisa que vc faz..

soh que do lado esquerdo o background nao regula de acordo com o height do meio..

=/
Sua fonte de Tutoriais na Web!
TutoriaisClube.com




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq