登录 | 注册 | FAQ
Anonymous

posicionamento de div's

+ 发表回复

2 篇帖子 分页: 1 / 1


posicionamento de div's

paisneto » 周四 4月 11, 2013 5:01 pm

boa tarde, sou o Nuno e sou novo neste forum.
Comecei a pouco tempo a utilizar o css e estou com um problema no posicionamento de uma div

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 --> http://imageshack.us/photo/my-images/801/indexfd.png/

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 --> http://imageshack.us/photo/my-images/850/socioo.png/

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
[code=HTML5]
<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>[/code]

Será que alguem me pode ajudar a resolver este problema?
头像

paisneto

  • 帖子: 1
  • 注册: 周四 4月 11, 2013 4:53 pm

Re: posicionamento de div's

XainPro » 周五 4月 12, 2013 12:35 pm

代码: 全选
    .conteudo {
    float:left;
    width: 48%;
    height:auto;

    .slideshow {
   float:right;
    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;
   float:right;
    }

头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm


+ 发表回复

分页: 1 / 1