A div conteudo não fica na mesma altura da div menu como deveria. Ela fica na altura da segunda ul da div menu. Alguém sabe resolver isso? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CACiC</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" type='image/x-icon'/>
</head>
<body>
<div id="geral">
<div id="cabecalho">
<img src="imagens/cacic.png" alt="Cacic" />
<a target="_blank" href="http://www.ufsc.br/"><img class="ufsc" src="imagens/brasaoufsc.png" alt="Ufsc" /></a>
<a target="_blank" href="http://dvl.ccn.ufsc.br/ccn/"><img class="ccn" src="imagens/caduceu.png" alt="Ccn" /></a>
</div><!--cabecalho-->
<div id="menu">
<p id="classe">CACiC</p>
<ul id="menu_principal">
<li class="principal"><a href="index.html">Página Inicial</a></li>
<li class="principal"><a href="#.html" onmouseover="show('curso');">Do Curso<img class="seta" src="imagens/seta.png" alt="" /></a>
<ul id="curso">
<li><a href="#.html">História</a></li>
<li><a href="#.html">Grade Curricular</a></li>
<li><a href="#.html">Grade de Horários</a></li>
<li><a href="#.html" onmouseover="showSubMenuPortfolio('portfolio');">Portfólio do Curso<img class="seta" src="imagens/seta.png" alt="" /></a>
<ul id="portfolio">
<li><a href="#.html">Classe A</a></li>
<li><a href="#.html">Classe B</a></li>
<li><a href="#.html">Classe C</a></li>
</ul>
</li>
</ul>
</li>
<li class="principal"><a href="#.html" onmouseover="show('entidade');">A Entidade<img class="seta" src="imagens/seta.png" alt="" /></a>
<ul id="entidade">
<li><a href="#.html">História</a></li>
<li><a href="#.html">Estatuto</a></li>
<li><a href="#.html" onmouseover="showSubMenuGestao('gestao');">Gestão Voz Ativa<img class="seta" src="imagens/seta.png" alt="" /></a>
<ul id="gestao">
<li><a href="#.html">Finanças</a></li>
<li><a href="#.html">Projetos</a></li>
</ul>
</li>
</ul>
</li>
<li class="principal"><a href="#.html" onmouseover="show('vestibular');">Vestibular<img class="seta" src="imagens/seta.png" alt="" /></a>
<ul id="vestibular">
<li><a href="#.html">Guia do Vestibulando</a></li>
</ul>
</li>
<li class="principal"><a href="#.html" onmouseover="show('classificados');">Classificados<img class="seta" src="imagens/seta.png" alt="" /></a>
<ul id="classificados">
<li><a href="#.html">Estágios</a></li>
<li><a href="#.html">Prestação de Serviço</a></li>
<li><a href="#.html">Loja</a></li>
</ul>
</li>
<li class="principal"><a href="#.html" onmouseover="show('eventos');">Eventos<img class="seta" src="imagens/seta.png" alt="" /></a>
<ul id="eventos">
<li><a href="#.html">Festas</a></li>
<li><a href="#.html">Oficinas</a></li>
<li><a href="#.html">Palestras</a></li>
<li><a href="#.html">Fotos</a></li>
</ul>
</li>
<li class="principal"><a href="#.html">Notícias</a></li>
<li class="principal"><a href="#.html">Fórum</a></li>
<li class="principal"><a href="#.html">Links</a></li>
<li class="principal"><a href="#.html">Contato</a></li>
</ul><!--menu_principal-->
<p id="classe2">CCN</p>
<ul id="menu_principal2">
<li class="principal2"><a href="#.html" onmouseover="show('coodenadorias');">Coordenadorias<img class="seta" src="imagens/seta.png" alt="" /></a>
<ul id="coodenadorias">
<li><a href="#.html">Coord. de Graduação</a></li>
<li><a href="#.html">Coord. de Mestrado</a></li>
<li><a href="#.html">Coord. de Estágio</a></li>
<li><a href="#.html">Coord. de TCC</a></li>
</ul>
</li>
<li class="principal2"><a href="#.html" onmouseover="show('publicacoes');">Publicações<img class="seta" src="imagens/seta.png" alt="" /></a>
<ul id="publicacoes">
<li><a href="#.html">Artigos</a></li>
<li><a href="#.html">Periódicos</a></li>
<li><a href="#.html">Monografias</a></li>
</ul>
</li>
<li class="principal2"><a href="#.html" onmouseover="show('ensino');">Ensino<img class="seta" src="imagens/seta.png" alt="" /></a>
<ul id="ensino">
<li><a href="#.html">UFSC</a></li>
<li><a href="#.html">Colegiado</a></li>
<li><a href="#.html">Departamento</a></li>
</ul>
</li>
<li class="principal2"><a href="#.html" onmouseover="show('atas');">Atas<img class="seta" src="imagens/seta.png" alt="" /></a>
<ul id="atas">
<li><a href="#.html">CACiC</a></li>
<li><a href="#.html">Colegiado</a></li>
<li><a href="#.html">Departamento</a></li>
</ul>
</li>
<li class="principal2"><a href="#.html">Material Didático</a></li>
<li class="principal2"><a href="#.html">Informes Contábeis</a></li>
</ul><!--menu_principal-->
<div id="conteudo">
<div id="conteudob">
<div id="conteudoc">
<h2 class="a">Centro Acadêmico de Ciências Contábeis</h2>
<p> O núcleo destina-se ao estudo e a realização de pesquisas sobre as questões de trabalho no ramo da contabilidade. Uma especificidade da área contábil é a produção e o entendimento do trabalho na área do ensino de contabilidade.</p>
<p>Pensar o papel mediador da Universidade, para redimensionar as condições atuais de produção de trabalho e ensino em contabilidade exige promover um processo de experiências do sujeito com o grupo numa relação dialética, possibilitando-lhe agir em novas situações, com os meios que o auxiliam a compreender melhor o seu mundo, e o situam em melhores condições ao lidar com suas relações de mundo. É nessa perspectiva que se propõe o Núcleo de Estudos sobre Trabalho e Ensino em Contabilidade.</p>
</div><!--conteudoc-->
</div><!--conteudob-->
</div><!--conteudo-->
<div id="conteudod">
</div><!--conteudod-->
</div><!--menu-->
<br class="flutuar" />
<div id="rodape">
<div id="rodapeb">
<p>2009 Centro Acadêmico de Ciências Contábeis - CACiC<br/>
Gestão 2008/2009 - Voz Ativa - <a href="mailto:contato@contato.br">contato@contato.br</a><br/>
CACiC - CCN - UFSC</p>
</div><!--rodapeb-->
</div><!--rodape-->
<div id="design">
<p>Design por <a href="mailto:jackadrn@hotmail.com">Jackson Adriano</a></p>
</div><!--design-->
</div><!--geral-->
<script type="text/javascript">
function closeAll()
{
document.getElementById('coordenadorias').style.display = 'none';
document.getElementById('publicacoes').style.display = 'none';
document.getElementById('ensino').style.display = 'none';
document.getElementById('atas').style.display = 'none';
}
function show(elementId)
{
closeAll();
document.getElementById(elementId).style.display = 'block';
}
function showSubMenuPortfolio()
{
closeAll();
show('curso');
document.getElementById('portfolio').style.display = 'block';
}
function showSubMenuGestao()
{
closeAll();
show('entidade');
document.getElementById('gestao').style.display = 'block';
}
function closeAll(){
document.getElementById('curso').style.display = 'none';
document.getElementById('entidade').style.display = 'none';
document.getElementById('vestibular').style.display = 'none';
document.getElementById('classificados').style.display = 'none';
document.getElementById('eventos').style.display = 'none';
document.getElementById('portfolio').style.display = 'none';
document.getElementById('gestao').style.display = 'none';
}
</script>
</body>
</html>
body {
font: 100% Century Gothic, MS Reference Sans Serif, Verdana, sans-serif;
background: #bdbcbd;
margin: 0;
padding: 0;
text-align: center;
color: #414042;
}
img {
border: none;
}
/* GERAL */
#geral {
width: 790px;
margin: 0 auto;
text-align: justify;
}
a {
text-decoration: none;
color: #414042;
}
a:hover {
color: #6d6e71;
}
/* CABEÇALHO */
#cabecalho {
width: 770px;
padding: 0 10px 0 10px;
float: left;
background: url(imagens/cabecalho.png) no-repeat;
height: 120px;
}
#cabecalho img.ufsc, #cabecalho img.ccn {
border: none;
margin: 15px 20px;
height: 90px;
float: right;
}
#cabecalho img.ufsc {
margin-left: 10px;
margin-right: 25px;
}
#cabecalho img {
border: none;
margin: 0 30px 0 140px;
height: 100px;
float: left;
}
/*#cabecalho h1 {
margin: 0;
padding: 25px 0 0 25px;
font-size: 46px;
float: left;
}*/
/*MENU*/
#menu {
display: block;
left: auto;
width: 180px;
float: left;
font-weight: normal;
background: #4b4b4b;
}
img.seta {
padding-left: 20px;
}
#classe, #classe2 {
background: url(imagens/menu.png) no-repeat;
height: 25px;
margin: 5px;
padding: 2px 0 0 10px;
color: #fff;
font-weight: bold;
}
#classe2 {
margin-top: 250px;
}
#menu a, #menu a:hover {
color: #fff;
}
#menu ul {
padding: 0;
}
#menu ul ul {
margin-left: 160px;
position: absolute;
top: -10px;
width: 200px;
}
#menu ul li {
position: relative;
}
#menu ul ul ul {
margin-left: 200px;
width: 140px;
}
#menu_principal, #menu_principal2 {
height: 28px;
}
#menu_principal p, #menu_principal2 p {
background: url(imagens/menu.png) no-repeat;
}
#menu_principal, #menu_principal ul, #menu_principal2, #menu_principal2 ul {
padding: 20px 0 0 15px;
margin: 0;
list-style: none;
}
/*Botões Principais*/
#menu ul li.principal {
margin: 0;
padding: 0;
}
#menu ul a {
display: block;
text-decoration: none;
line-height: 26px;
padding: 0px 10px;
}
#menu ul a:hover {
background: /*url(imagens/separador.jpg) repeat-x right*/ #797979;
}
/*Submenu*/
#menu ul li ul {
background-color: #4b4b4b;
position: absolute;
left: -999em;
padding: 5px 0;
}
#menu_principal li:hover ul, #menu_principal li.sub_visivel ul, #menu_principal2 li:hover ul, #menu_principal2 li.sub_visivel ul {
left: auto;
}
/*Botões Secundarios*/
#menu_principal li.sub_visivel ul a, #menu_principal2 li.sub_visivel ul a {
color: #16652f;
font-size: 10px;
background: #4b4b4b;
padding: 0px 10px;
}
/* CONTEÚDO */
#conteudo {
margin: 0 10px 0 200px;
padding: 0;
float: left;
width: 550px;
background: url(imagens/barrae.png) repeat-y #fff;
}
/*#conteudo, #conteudod {
top: -350px;
position: relative;
}*/
#conteudob {
margin: 0;
padding: 0;
float: left;
width: 560px;
background: url(imagens/barrad.png) repeat-y right;
}
#conteudoc {
margin: 0;
padding: 10px 20px;
float: left;
width: 520px;
background: url(imagens/conteudo.png) no-repeat;
}
#conteudod {
height: 20px;
margin: 0;
padding: 0 0 10px 420px;
float: left;
width: 540px;
background: url(imagens/conteudob.png) no-repeat bottom;
}
#conteudo h2, #conteudo h3, #conteudo h2.a, #conteudo ul, #conteudo a:link, #conteudo a:visited, #conteudo a:hover, #conteudo p, #noticias h2, #noticias h3, #noticias h2.a, #noticias ul, #noticias a:link, #noticias a:visited, #noticias a:hover, #noticias p {
padding: 0 10px;
}
#conteudo h2 {
font-size: 20px;
margin-bottom: 0;
}
#conteudo h3 {
font-size: 18px;
}
#conteudo ul {
list-style-type: none;
}
/* RODAPÉ */
#rodape {
padding: 0 10px;
background: url(imagens/rodape.png) no-repeat right top #4b4b4b;
height: 75px;
}
#rodapeb {
padding: 0;
background: url(imagens/rodapeb.png) repeat-x bottom #4b4b4b;
height: 75px;
}
#rodape a, #design a {
color: #fff;
}
#rodape a:hover, #design a:hover {
color: #6d6e71;
}
#rodape p {
margin: 0;
padding: 5px 0;
text-align: center;
color: #fff;
}
#design p {
font-size: 10px;
color: #fff;
text-align: right;
margin: 0;
padding: 0 20px 0 0;
background: url(imagens/design.png) no-repeat;
}
/* DIVERSOS */
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.flutuar {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
