Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
Carregando comentários...