Ir para conteúdo

POWERED BY:

Arquivado

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

rodurma

3 colunas fluidas

Por , em Javascript

Recommended Posts

rodurma    0

rodurma
Postado

Pessoal, tenho um site com 3 colunas fluidas o html é esse:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="position.css" rel="stylesheet" type="text/css">

 

</head>

<body>

<div id="topo">ffrfrffr</div>

<div id="coluna-esquerda">de

</div>

<div id="coluna-meio">de

</div>

<div id="coluna-direita">de

</div>

<div id="rodape">de</div>

</body>

</html>

 

e o CSS é:

 

body {

margin:0;

padding:0;

}

#topo {

display:block;

height:100px;

border-bottom:1px dashed #FF8040;

}

#coluna-esquerda {

width: 125px;

border-right:1px dashed #FF8040;

float:left;

}

#coluna-meio {

background-color:#FFFFCC;

margin-left:125px;

margin-right:125px;

}

#coluna-direita {

width: 125px;

border-left:1px dashed #FF8040;

float:right;

}

#rodape {

background-color:#FFBA75;

display:block;

height:20px;

border-bottom:10px solid #FF8040;

clear:both;

}

 

O problema é que a coluna da direita fica a direita normal, mas sempre abaixo da coluna do meio.

Como resolver isso?

 

para ver olhe aqui

http://www.maisletras.com.br/teste/

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maujor    144

Maujor
Postado

Ola Rodrigo,

 

1-) "...site com 3 colunas fluidas"

Fluida é a coluna do meio somente!

As laterais são fixas com 125px.

 

2-) "...mas sempre abaixo da coluna do meio."

Aqui para mim, tanto no IE quanto no Firefox está tudo OK com o layout

no link que você passou. Qual é o problema?????

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito