Overlapping Div Side by Side
Place overlapping Div
Position:absolute; is main key for overlapping the Div on right side. To perform this it has to have container. less it will start floating on page
Leftdiv has text which is suppose to overlap text on right div upto certain width
Check for Working IIDAwards and zone page
<div id="leftdiv" style="height:500px; width:400px; float:left;">
<div id="textdiv" style="height:100px; width:450px; padding-top:20px; position:absolute;" class="staticpagetext" >
Zone / Region refers to the city in which the Project is located, without any reference
to the Participant's design office location.
</div>
<div class="contentholder" style="margin-top:110px;">
<div class="imagebox" style="background-image:url('./Images/W1.jpg');">
</div>
<div class="contentbox">
Mumbai & Thane
</div>
</div>
</div>
<div id="rightdiv" style="float:left; background-image:url('./Images/Map.jpg'); height:414px; width:370px; background-repeat:no-repeat; ">
</div>
Mumbai & Thane Position:absolute; is main key for overlapping the Div on right side. To perform this it has to have container. less it will start floating on page
Leftdiv has text which is suppose to overlap text on right div upto certain width
Check for Working IIDAwards and zone page
<div id="leftdiv" style="height:500px; width:400px; float:left;">
<div id="textdiv" style="height:100px; width:450px; padding-top:20px; position:absolute;" class="staticpagetext" >
Zone / Region refers to the city in which the Project is located, without any reference
to the Participant's design office location.
</div>
<div class="contentholder" style="margin-top:110px;">
<div class="imagebox" style="background-image:url('./Images/W1.jpg');">
</div>
<div class="contentbox">
Mumbai & Thane
</div>
</div>
</div>
<div id="rightdiv" style="float:left; background-image:url('./Images/Map.jpg'); height:414px; width:370px; background-repeat:no-repeat; ">
</div>
background-repeat:no-repeat; ">
Comments
Post a Comment