Posicionamento da Div =B

[Liinow 0]

Olá Imasters,

 

Estou com o seguinte problema no meu projeto da faculdade... Criei 3 divs, sendo que elas deveriam estar abaixo da div "Noticias", quando executo no firefox, as divs sobem.. Vejam imagem do anexo.

Tinypic

 

CSS:

  <style type="text/css">
.nothot
{
   width: 60%;
   float:left;
}
.noti
{
   height:240px;
   width:550px;
overflow:hidden;
}
.Hoti
{
   background-color:Green;
   height:240px;
}
.Publi
{
   background-color:Blue;
   float:right;
   width: 37%;
}
.tabela
{
   padding:10px;
}
.art
{
   background-color:#59A665;
   width:auto;
   border:3px inset #cccccc;
}
.musi
{
   background-color:#59A665;
   margin: 0 auto;
   border:1px solid red;
   border:3px inset #cccccc;
}
.enque
{
   background-color:Gray;
   width: auto;
   border:3px inset #cccccc;
}
.imghoti
{   
   background-image:url('../Imagens/noti1.png');
   float:left;
   width:15%;
   height:240px;
}
.artimg
{    
    width:290px;
    height:45px;
    background-image:url('../Imagens/top_artista.png');
}
.musimg
{
    width:290px;
    height:45px;
    background-image:url('../Imagens/top_musica1.png');
}
.enqimg
{
    width:290px;
    height:45px;
    background-image:url('../Imagens/enquete.png');
}
</style>

Obrigado pela atenção,

Liinow :grin:

[JCMais 75]

Coloca o código HTML também, apenas o CSS fica dificil ajudar.

 

Mas provavelmente está faltando um clear:both; no CSS.

[Liinow 0]

Olá JCMais, obrigado pelo auxilio...

segue anexo do codigo,

<%@ Page Title="Inicio" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
   CodeBehind="Default.aspx.cs" Inherits="Site_musica._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
   <style type="text/css">
.nothot
{
   width: 60%;
   float:left;
}
.noti
{
   height:240px;
   width:550px;
overflow:hidden;
}
.Hoti
{
   background-color:Green;
   height:240px;
}
.Publi
{
   background-color:Blue;
   float:right;
   width: 37%;
}
.tabela
{
   padding:10px;
}
.art
{
   background-color:#59A665;
   width:auto;
   border:3px inset #cccccc;
   clear:both;
}
.musi
{
   background-color:#59A665;
   margin: 0 auto;
   border:1px solid red;
   border:3px inset #cccccc;
   clear:both;
}
.enque
{
   background-color:Gray;
   width: auto;
   border:3px inset #cccccc;
   clear:both;
}
.imghoti
{   
   background-image:url('../Imagens/noti1.png');
   float:left;
   width:15%;
   height:240px;
}
.artimg
{    
    width:290px;
    height:45px;
    background-image:url('../Imagens/top_artista.png');
    clear:both;
}
.musimg
{
    width:290px;
    height:45px;
    background-image:url('../Imagens/top_musica1.png');
    clear:both;
}
.enqimg
{
    width:290px;
    height:45px;
    clear:both;
    background-image:url('../Imagens/enquete.png');
}
</style>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.min.js"></script>

<script type="text/javascript">
$(function(){
	$(".noti ul").cycle({
			fx: 'fade',
			speed: 2500,
			timeout: 5000,		
				})

})


</script>

</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
   <div class="nothot">
           <div class="noti">
                                    <ul>
	                                   <li> <img src="imagens/testehot1.png" alt="slide1" /></li>
	                                   <li> <img src="imagens/testehot2.png" alt="slide2" /></li>
	                                   <li> <img src="imagens/testehot3.png" alt="slide3" /></li>
	                                   <li> <img src="imagens/testehot4.png" alt="slide4" /></li>
                                 </ul>


           </div> 
           <div class="Hoti">
                               <div class="imghoti">



                               </div>
           </div>
  </div>
  <div class="Publi">
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  </div>
  <p>
  <table class="tabela" width="100%">
 <tr>
   <td> <div class="art"> <div class="artimg">   </div>
                           // Div Top artistas

                          <br />
                          <br />
                          <br />

                    </div>  </td>

   <td> <div class="musi"> <div class="musimg">   </div>
                                   // Div Top Musicas
                                               <br />
                                               <br />
                                               <br />
                           </div>  </td>
   <td> <div class="enque"> <div class="enqimg">   </div>
                       // Div Enquete
                        <br />
                        <br />
                        <br />

       </div>  </td>
 </tr>
</table>

</asp:Content>