Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

PaisNeto

posicionamento de div's

Mensagens Recomendadas

PaisNeto

boa noite, estou a desenvolver um site em asp.net e estou a ter algumas dificuldades com umas div's.

estou a utilizar css para as dimensões e posicionamento das mesmas, devo desde já dizer que tenho pouco conhecimento em css.

eu gostava que as div's ficassem sempre assim nesta posição

posição correta

mas a posição altera-se, será por causa do conteúdo da div conteudo, que faz alterar a posição e aumentar o espaçamento entre elas

posição incorreta

aqui fica o código css

.conteudo {
float:left;
width: 48%;
height:auto;

.slideshow {

height: 182px;
top: 0px;
margin-left:480px;
}

.slideshow img {
padding: 15px;
border: 1px solid #ccc;
background-color: #eee;
}

.fb-like-box {
padding: 15px;
border: 1px solid #ccc;
background-color: #eee;
margin-left:480px;
margin-top:5px;
display:inline;
}

o código html

<div class="main">
<div class="conteudo">
<asp:ContentPlaceHolder ID="MainContent" runat="server" />
</div>
<div class="slideshow">
<img src='<%:ResolveUrl("images/1.jpg")%>' width="400" height="150" alt=""/>
<img src='<%:ResolveUrl("images/2.jpg")%>' width="400"; height="150" alt =""/>
<img src='<%:ResolveUrl("images/3.jpg")%>' width = "400"; height = "150" alt =""/>
</div> 
<%--<div class="foto_atividades">
fotos das atividades
</div> --%>
<br />
<div id="fb-root"></div>
<div id="Div1"></div>
<script type="text/javascript">(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1&appId=420397304720167";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-like-box" data-href="https://www.facebook.com/pages/Grupo-Teatro-da-Sobreira/115350051902766"
data-width="400" data-height="200" data-show-faces="false" data-stream="false" data-header="false"></div>
</div>

Editado por brunoais
tags code e geshi

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.