Hi, i want to have 4 blocks of divs:
-# main size specified
-# one size specified
but #two with content 1 must stay beside of #one ( not over it! )
and #two with content 2 must have 100% of width… here is the code:
#main {
display: block;
margin: 0 auto 0 auto;
width: 800px;
height: 1000px;
border: 2px solid black;
}
#one{
display: block;
float: right;
width: 200px;
height: 400px;
border: 2px solid blue;
}
#two{
display: block;
float: left;
width: 100%;
height: 400px;
border: 4px solid red;
margin: 0 0 10px 0;
}
< div id = “main” >
< div id = “one” >sidebar< /div >
< div id = “two” >content 1< /div >
< div id = “two” >content 2< /div >
< /div >
is it possible?
