Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal,
Meu problema é o seguinte:
Tenho 2 DIVs, div A e div B, sendo que a div A está dentro da div B, que está posicionada no centro e com o diâmetro desejado...
o div A na verdade são 8 divs fazendo um box com cantos arredondados... eu queria que esse box, no caso essas divs, ocupacem todo o espaço livre no div B, é possível?
os códigos vão abaixo:
html:
<div id="content">
<div class="box-top">
<div class="box-bottom">
<div class="box-left">
<div class="box-right">
<div class="box-bottom-left">
<div class="box-bottom-right">
<div class="box-top-left">
<div class="box-top-right"> Lorem ipsum dolor sit amet consectetur adipisicing elit<br />sdfsfsd<br />ddsfsd<br />sdfsd </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
css:
#content {
margin-top: 153px;
margin-right: auto;
margin-left: auto;
margin-bottom: 300px;
text-align: center;
background-color: #EAF5F2;
}
bottom-copyright { margin: 19px 0 25px 0; }
body {
background-image: url(bg-body-top.png);
background-repeat: repeat-x;
background-color: #EBF5F2;
}
.box-top {
width: 20em;
background-image: url(img/content_top.png);
background-repeat: repeat-x;
background-position: 0 0;
background-color: #C3D7D2;
margin-right: auto;
margin-left: auto;
}
.box-bottom {
background-image: url(img/content_bottom.png);
background-repeat: repeat-x;
background-position: 0 100%;
margin-right: auto;
margin-left: auto;
}
.box-left {
background-image: url(img/content_left.png);
background-repeat: repeat-y;
background-position: 0 0;
margin-right: auto;
margin-left: auto;
}
.box-right {
background-image: url(img/content_right.png);
background-repeat: repeat-y;
background-position: 100% 0;
margin-right: auto;
margin-left: auto;
}
.box-bottom-left {
background-image: url(img/content_bottom_left.png);
background-repeat: no-repeat;
background-position: 0 100%;
margin-right: auto;
margin-left: auto;
}
.box-bottom-right {
background-image: url(img/content_bottom_right.png);
background-repeat: no-repeat;
background-position: 100% 100%;
margin-right: auto;
margin-left: auto;
}
.box-top-left {
background-image: url(img/content_corner_left_top.png);
background-repeat: no-repeat;
background-position: 0 0;
margin-right: auto;
margin-left: auto;
}
.box-top-right {
padding:10px;
background-image: url(img/content_corner_right_top.png);
background-repeat: no-repeat;
background-position: 100% 0;
}Carregando comentários...