0
Well I have a div box2-1
who has the width
100%. I want to create a div box2-2
that has the width
100%, but keep the background with two colors, to have a pie div effect. Someone can help me?
Follow the code. The problem is that I’m not able to put the div box2-2
with width
in 100%.
.box2-1 {
width: 100%;
height: 500px;
background-color: #FF895B;
}
.box2-2 {
border-right-width: 899px;
border-right-style: solid;
border-right-color: rgb(255, 137, 91);
bottom: -60px;
border-bottom: 60px solid transparent;
}
<div class="box2-1">
</div>
<div class="box2-2"></div>
You want to do something like gradient?
– Marconi
Hugo, would you be so kind as to sketch out what this pie div would look like, it could be in Paint anyway, just to get a better idea of how to help you...
– Mathiasfc
if you put 605px it gets right here... but it will not work on your site probably ...
– andrepaulo
@Marconi that’s what I’m looking for.
– Hugo Borges
@Hugoborges, you don’t need two Ivs to make one gradient...
– Mathiasfc
can be done with jQuery.. taking the width of div 1 and setting for the property of div 2 no
resize
– andrepaulo
@Mathias I want to do a div like this: http://i.imgur.com/Awjtga5.png But with:100%
– Hugo Borges