Ir para conteúdo
Fórum Script Brasil
  • 0

Bug na div

JackAdrn

Perguntado por JackAdrn,

 Share

Pergunta

JackAdrn

JackAdrn

Postado
Postado (editado)

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;
}

Editado por Jonathan Queiroz
Adcionar tag's (Jonathan)
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...