<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Malabarte</title>
</head>
<body>
<div id="limit">
<header>
<div id="header">
<div id="logo">
<img src="logo.png" />
</div>
<div id="horizontal-menu">
<ul>
<li><a href="">Eventos</a></li>
<li><a href="">Material Didático</a></li>
<li><a href="">Contato</a></li>
<li><a href="">Sobre</a></li>
<li><a href="">Início</a></li>
</ul>
</div>
</div>
</header>
<div id="content">
<div id="vertical-menu">
</div>
<div id="text">
<p><b>BEM-VINDO</b></font></p>
</div>
</div>
</div>
</body>
</html>
CSS
/*Estrutura*/
div#limit {
width:80%;
margin:auto;
}
div#logo{
width:261px;
float:left;
}
div#horizontal-menu ul li {
display:inline;
float:right;
padding: 5px;
margin-top:183px;
}
div#vertical-menu{
height:200px;
width: 80px;
}
div#text{
width:60%;
float:right;
font-size:18px;
color:#f00;
font-family:Arial;
}
/*Decoração*/
body {
background:#ECB100;
}
div#horizontal-menu ul li a {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
}
div#horizontal-menu ul li a:hover {
color:#900;
}
div#content{
background:#FFF;
clear:both;
border:#000 solid 1px;
}
http://www.4shared.c...untitled_2.html << print de como está o site
http://www.4shared.c...ovo_layout.html << projeto do layout(como deveria estar) o bem-vindo tinha que estar na coluna do lado direito, porém apesar de estar alinhado a direita, quando eu defino uma altura para a coluna esquerda, a direita sai do quadrado branco(div content). alguém pode ajudar plz?