Div do mesmo tamnho!

11 de maio de 2010 4 respostas

viniciuspadua 11 de maio de 2010

Seguinte, estou querendo que duas div tenha o mesmo tamanho da div central!
Explicando melhor!
A div da esquerda ficara uma figura em background que deverá crescer de acordo com o tamanho da div central!
A div central conterá a página!
e a div da direita funcionará do mesmo modo que a da esquerda, trocando apenas a fig em background!

<div id="id1">&nbsp;</div>  <!-- colocar em background repetindo no Y uma figura que é tipo uma margem -->
<div id="id2">Texto</div>  <!-- Página principal -->
<div id="id3">&nbsp;</div>  <!-- colocar em background repetindo no Y uma figura que é tipo uma margem -->

4 Respostas

dudaskank 11 de mai. de 2010

não sei se é isso mesmo, mas já tentou colocar o tamanho em %? aí ficaria algo como 33%, 34% e 33% na mesma sequência. Que tal?

viniciuspadua 11 de mai. de 2010

quero q tenha a mesma altura!
mais tb quero utilizar em todas as páginas ou seja, não posso definir pois poderão ter páginas maiores ou menores.

_fs 11 de mai. de 2010

Aqui tem um tutorial explicando como fazer um layout com 3 colunas:
http://www.boutell.com/newfaq/creating/threecolumnlayout.html

viniciuspadua 12 de mai. de 2010

o que estou querendo é transformar a table em div utilizando apenas o css.

<style>

	#topo{
		background: transparent url(/web/estatico/images/inicial/barra_conteudo_top.gif) no-repeat bottom left;
	}
	#esquerda{
		color:red;
		background: transparent url(/web/estatico/images/inicial/barra_conteudo_left.gif) repeat-y scroll 0 0;
	}
	#direita{
		color:red;
		background: transparent url(/web/estatico/images/inicial/barra_conteudo_right.gif) repeat-y top right;
	}
	#fundo{
		color:red;
		background: transparent url(/web/estatico/images/inicial/barra_conteudo_bottom.gif) no-repeat scroll left top;
	}
	#cont{
		width: 959px;
	}

</style>


<!-- INICIO CONTEUDO -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="okokok" >
	<tbody>
		<tr>
			<td colspan="3" id="topo">&nbsp;</td>
		</tr>
		<tr>
			<td width="2" id="esquerda">&nbsp;</td>
			<td id="cont">
			   TEXTO
			</td>
			<td width="2" id="direita">&nbsp;</td>
		</tr>
		<tr>
			<td colspan="3" id="fundo">&nbsp;</td>
		</tr>
	</tbody>
</table>

Criado 11 de maio de 2010

Ultima resposta 12 de mai. de 2010

Respostas 4

Participantes 3

4 Respostas

Topicos relacionados