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
Código (CSS):
o código html
Código (HTML5):
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
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;
}
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
Código (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="[url=https://www.facebook.com/pages/Grupo-Teatro-da-Sobreira/115350051902766]https://www.facebook.com/pages/Grupo-Teatro-da-Sobreira/115350051902766"[/url]
data-width="400" data-height="200" data-show-faces="false" data-stream="false" data-header="false"></div>
</div>
<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="[url=https://www.facebook.com/pages/Grupo-Teatro-da-Sobreira/115350051902766]https://www.facebook.com/pages/Grupo-Teatro-da-Sobreira/115350051902766"[/url]
data-width="400" data-height="200" data-show-faces="false" data-stream="false" data-header="false"></div>
</div>