Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
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:
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> <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>
Coloca o código HTML também, apenas o CSS fica dificil ajudar.
Mas provavelmente está faltando um clear:both; no CSS.