Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia, galera.
Estou criando um site com 3 colunas... Já tinha feito com 2, deu tudo certo.
Só que estou tendo problemas em criar um com 3 pois a coluna do meio começa lá embaixo, no fim da coluna da esquerda...
Os códigos.
HTML
<body>
<div id="mestre">
<div id="head">
</div>
<div id="leftbar">
<ul style="list-style-type:none">
<li class="botao" id="home"><a href="#">Home</a></li>
<li class="botao" id="blog"><a href="[http://www.pauloandraus.wordpress.com">Blog <li class="botao" id="twitter"><a href="http:www.twitter.com/pauloandraus">Twitter</a></li>
<li class="botao" id="facebook"><a href="[http://www.facebook.com/#/profile.php?ref=name&id=100000168356666">Facebook <li class="botao" id="curriculo"><a href="#">curriculo</a></li>
</ul>
</div>
<div id="central"> Central
</div>
<div id="rightbar"> Right Bar
</div>
<div id="bottom"> Bottom
</div>CSS
html { background:url(Listras.gif)}
body {}
address {
display:none;}
#mestre {
position:relative;
margin:auto;
width:795px;
background:#FFF;
}
#head {
position:relative;
width:800px;
background:url(head.gif) no-repeat center center;
height:106px;
padding:12px;}
#leftbar {
background:url(sidebar.gif) no-repeat;
width:160px;
}
.botao {
width:135px;
height:41px;
display:block;
text-indent:-9000px;
padding:20px 0px 50px 10px;
}#home a{
background:url(Home.gif) no-repeat bottom left;
width:135px;
height:41px;
display:block;
} background:url(Home.gif) no-repeat bottom left;
} background:url(blog.gif) no-repeat top left;
width:135px;
height:41px;
display:block;
} background:url(blog.gif) no-repeat bottom left;
} background:url(twitter.gif) no-repeat top left;
width:135px;
height:41px;
display:block;
} background:url(twitter.gif) no-repeat bottom left;
} background:url(facebook.gif) no-repeat top left;
width:135px;
height:41px;
display:block;
} background:url(facebook.gif) no-repeat bottom left;
} background:url(curriculo.gif) no-repeat top left;
width:135px;
height:41px;
display:block;
} background:url(curriculo.gif) no-repeat bottom left;
}
#central {
position:relative;
border:1px solid red;
width:470px;
margin:auto;
}
#rightbar {
float:right;
width:160px;
}Agradeço desde já.
Carregando comentários...