Problema com posicionamento de uma div interna!

ericmaicon · Março 31, 2008

Bom galera, bom dia!

olha eu aqui de novo, hehehe

seguinte..eu tava fazendo um site aqui em div...primeiro que comecei...ai seguindo duas vídeos aulas eu consegui fazer alguma coisa...acho q fui até bem....mas ai teve dois probleminhas que foi o seguinte:

http://www.ccvteam.com/newmodelos/principal/index2.php

bom..o fundo vermelho é para mostrar bem o erro....as notícias tinha que vim do lado direito das imagens que tem do lado esquerdo...não sei porque elas estão ficando lá em baixo!

e outra..na primeira notícia está ficando um espaçozinho bem em baixo...como faço pra tirar?

o engraçado que a segunda notícia é cópia da primeira e não tem esse erro!!

hahahaha

código:

index2.php

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.::CCV TeaM::.</title>
<link rel="stylesheet" href="../fnc/css/geral.css" media="screen" />
</head>

<body>
<!--div geral-->
<div id="fundo">

<!--cabeçario com img-->
<div id="cabecario">
<!--Logo do Site-->
<div id="logo">
<h1><a href="" title="Logomarca">Logomarca</a></h1>
</div>
<!--fim Logo do Site-->

<!--menu-->
<div id="menu">
<ul>
<li><a href="" title="Início"><img src="../images/site_04.png" border="no" /></a><img src="../images/site_05.png" border="no" /></li>
<li><a href="" title="Fórum"><img src="../images/site_06.png" border="no" /></a><img src="../images/site_05.png" border="no" /></li>
<li><a href="" title="Notícias"><img src="../images/site_08.png" border="no" /></a><img src="../images/site_05.png" border="no" /></li>
<li><a href="" title="FAQ's"><img src="../images/site_10.png" border="no" /></a><img src="../images/site_05.png" border="no" /></li>
<li><a href="" title="História do CCV"><img src="../images/site_12.png" border="no" /></a></li>
</ul>
</div>
<!--fim menu-->

<!--login-->
<div id="login">
<img src="../images/site_15.png" title="Login" /><br />
<img src="../images/login_03.png" />

<div id="form">
<form action="" method="post" enctype="multipart/form-data" name="frm_login" id="frm_login">
login: <input name="login" type="text" id="login" size="10" /><br /><br /><br />
senha: <input name="password" type="text" id="login" size="10" /><br /><br /><br />
Lembrar-me <input type="checkbox" name="lembrar" id="lembrar" /><br /><br />
-Esqueceu a senha<br />
<input type="submit" name="Entrar" id="Entrar" value="Entrar" />
</form>
</div>

<img src="../images/login_07.png" />


</div>
<!--fim login-->

<!--estrela-->
<div id="estrela">
<h2>Estrela</h2>
</div>
<!--fim estrela-->

</div>
<!--fim cabeçario com img-->


<!--conteudo_geral-->
<div id="conteudo_geral">

<!--Conteúdo da esquerda-->
<div id="esquerda">

<!--divisões cadastradas!-->
<div id="divisoes">
<a href="" title="Divisão 01"><img src="../fotos/divisao/01.png" title="Divisão 01" border="no" /></a>
<a href="" title="Divisão 02"><img src="../fotos/divisao/01.png" title="Divisão 01" border="no" /></a><br />
<a href="" title="Divisão 03"><img src="../fotos/divisao/01.png" title="Divisão 01" border="no" /></a>
<a href="" title="Divisão 04"><img src="../fotos/divisao/01.png" title="Divisão 01" border="no" /></a><br />
<a href="" title="Divisão 05"><img src="../fotos/divisao/01.png" title="Divisão 01" border="no" /></a>
</div>
<!--fim divisão-->

<!--render do tng-->
<div id="imagem">
<br /><br /><img src="../images/site_44.png" title="Imagem" />
</div>
<!--fim render-->
</div>
<!--fim conteúdo da esquerda-->

<!--Conteúdo do meio!-->
<div id="meio">

<!--Notícia 01-->
<img src="../images/conteudo_03.png" />
<div id="noticia">
<div id="texto">
<img src="../fotos/noticias/01.png" title="AOC Revival - O Campeonato de Age 4fun do CCV!" / align="right"><img src="../images/+.png" title="Mais" align="left" /><h3> AOC Revival - O Campeonato de Age 4fun do CCV!</h3>
<br />Convidamos todos a participar do nosso Campeonato de Age para relembrar os velhos tempos.
Muitas feras dos bons tempos estão voltando para participar dessa grande festa.
<img src="../images/mais_11.png" title="Mais" align="Right" />
</div>
</div>
<img src="../images/conteudo_07.png" />
<!--Fim da Notícia 01-->
<br /><br />

<!--Notícia 01-->
<img src="../images/conteudo_03.png" />
<div id="noticia">
<div id="texto">
<img src="../fotos/noticias/01.png" title="AOC Revival - O Campeonato de Age 4fun do CCV!" / align="right"><img src="../images/+.png" title="Mais" align="left" /><h3> AOC Revival - O Campeonato de Age 4fun do CCV!</h3>
<br />Convidamos todos a participar do nosso Campeonato de Age para relembrar os velhos tempos.
Muitas feras dos bons tempos estão voltando para participar dessa grande festa.
<img src="../images/mais_11.png" title="Mais" align="Right" />
</div>
</div>
<img src="../images/conteudo_07.png" />
<!--Fim da Notícia 01-->

<div id="conteudo_baixo">
<!--Conteúdo do Top e Última-->
<div id="top">
<img src="../images/site_38.png" title="Top Flooder" />
<br />
<img src="../images/top_06.png" />
<div id="cont_top">
<a href="" title="CCV_Portelaa">CCV_Portelaa</a> - 2424
<br />
<a href="" title="CCV_Portelaa">CCV_HEALbra</a> - 1234
</div>
<img src="../images/top_13.png" />
</div>

<div id="ultima">
<img src="../images/site_40.png" title="Top Flooder" />
<br />
<img src="../images/top_03.png" />
<div id="cont_ultima">
<a href="" title="História do CCV">História do CCV</a> - CCV_Rugopix
<br />
<a href="" title="Pedido">Pedido</a> - CCV_Rugopix
</div>
<img src="../images/top_12.png" />
</div>
<!--Fim Conteúdo do Top e Última-->
</div>

</div>
<!--Fim do Meio-->

</div>
<!--conteudo_geral-->

<!--copyright-->
<div id="rodape">
© CCV Team - 2008 - Todos os direitos Reservados.
</div>
<!--Fim copyright-->

</div>
<!--fim div geral-->
</body>
</html>

geral.css

* {
margin:0;
padding:0;
list-style:none;
text-decoration:none;
font-style:normal;
vertical-align:middle;
}

/* fundo do site*/
#fundo {
width:760px;
margin:0 auto;
padding:0 0px;
background-color:#FF0000;
}

/*cabeçario*/
#cabecario {
width:780px;
height:388px;
padding:0px 0px;
overflow:hidden;
background:url(../../fotos/fundo/fundo01.png) no-repeat center center;
}

#logo {
width:180px;
height:115px;
padding:2px 10px;
float:left;
}

#logo h1 a {
display:block;
text-indent:-9000em;
overflow:hidden;
background:url(../../images/site_01.png) no-repeat center center;
width:180px;
height:115px;
}

#menu {
width:330px;
height:13px;
display:table;
float:right;
padding:20px 80px;
}

#menu ul { padding:50px 0px;}

#menu ul li {display:inline}

/*Login*/
#login {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
padding:2px 25px;
}

#form {
padding:0px 8px;
width:148px;
background:url(../../images/login_05.png) repeat center center;
}

#login input {
border:1px solid #888888; COLOR: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
background-color: #FFFFFF;
}

/*Estrela*/
#estrela {
width:108px;
height:56px;
padding:250px 20px;
display:block;
text-indent:-9000em;
overflow:hidden;
background:url(../../images/site_18.png) no-repeat left center;
}

/*geral do meio*/
#conteudo_geral {
width:780px;
padding:2px 10px;
overflow:hidden;
}

/*Esquerda*/
#esquerda {
float:left;
padding:2px 10px;
}

#meio {
float:right;
padding:0px 26px;
}

/*noticia*/
#noticia {
width:523px;
height:80px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding:20px 0px;
background:url(../../images/conteudo_05.png) repeat center center;
}

/* texto*/
#texto {
width:500px;
padding:0 10px 0 0;
}

/*conteudo_baixo*/
#conteudo_baixo {
padding:2px 10px;
overflow:hidden;
display:block;
}

#top {
width:163px;
text-align: left;
float:left;
}

#cont_top {
background:url(../../images/top_08.png) repeat center center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0px 10px;
}

#ultima {
width:350px;
text-align: left;
float:right;
padding:10px 0px;
}

#cont_ultima {
background:url(../../images/top_09.png) repeat center center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0px 10px;
}

/*copyright*/
#rodape {
width:780px;
padding:2px 10px;
overflow:hidden;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

mais uma vez galera, obrigado ai!!!

^^

programador php · Março 31, 2008

coloca um width: 488px; na div #meio

abraço

ericmaicon · Março 31, 2008

BRIGADão cara...

eu tive q fazer uma embromada no final ali..mas deu certo1!

vlw!!

^^

Giovani · Março 31, 2008

ericmaicon, um dica, poste somente o link.

Fica mais rápido para o pessol visualizar o problema e tentar ajudar também.

Abraço! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

ericmaicon · Março 31, 2008

ok..vlw..eh pq sei lá..aehuauee

achei q alguns podiam ter preguiça de pegar o código fonte da página!

mas vlw!!

xD

Entrar

Arquivado

Problema com posicionamento de uma div interna!

Recommended Posts

ericmaicon 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

programador php 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ericmaicon 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Giovani 104

Compartilhar este post

Link para o post

Compartilhar em outros sites

ericmaicon 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Ajuda em Paginação

JAVA - Orientação para Invalidar Sessão

printf iniciante básico

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante