Ir para conteúdo

POWERED BY:

Arquivado

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

Drache Havoc

usar CSS pra fazer layout em três(3) colunas?

Recommended Posts

estou enfrentando o seguinte problema: tenho três DIVs(esquerda, meio, direita) dentro de uma DIV

chamada "faixas". Eu preciso que as DIVs esquerda e direta se redimencionem conforme a resolução,

porém a div do meio tem tamanho fixo.

 

Usando a propriedade "display:table-cell" eu consigo fazer funcionar nos browsers que seguem

os padrões, porem como sempre o IE "quebra minhas pernas" e não aceita a table-cell.

 

Segue o código funcional no Mozilla e Opera:

 

HTML

<div id="[b]faixas[/b]">
			<div id="esquerda">
			</div>
			
			<div id="[b]meio[/b]">
			</div>
			
			<div id="[b]direita[/b]">
			</div>
		</div>

CSS

#[b]faixas[/b]{
				z-index:1;
				position:absolute;
				top:50%;
				left:0px;
				margin-top:50px;
				width:100%;
				display:table;
			}
			
			#[b]faixas [/b]#[b]esquerda[/b]{
				background:#FF0000;
				display:table-cell;
				width:50%;
			}
			
			#[b]faixas [/b]#[b]meio[/b]{
				background:#666600;
				display:table-cell;
				width:500px;
			}
			
			#[b]faixas [/b]#[b]direita[/b]{
				background:#FF0000;
				display:table-cell;
				width:50%;
			}

Eu agradeço se puderem solucionar essa situação! =DDD

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ola Bom Dia!

Dá uma olhada no Lab de Scripts WS http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

 

Sempre antes de abrir um novo tópico atente a Busca do Fórum iMasters na maioria das vezes é possivel achar a solução sem a necessidade de abrir o tópico. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ola Bom Dia!

Dá uma olhada no Lab de Scripts WS http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

 

Sempre antes de abrir um novo tópico atente a Busca do Fórum iMasters na maioria das vezes é possivel achar a solução sem a necessidade de abrir o tópico. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Sim eu li esse tópico, mas a questão é que eu preciso

das DIVs dos lados variaveis acompanhando o tamanho

da tela, e esse exemplo mostra como fazer com tamanhos

fixos... ou talvez eu não tenha lido direito!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.