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            
background-repeat:no-repeat; ">          
             

Comments

Popular posts from this blog

Shared / Static Class in vb.net/C#

Xamarin Forms : PopUp Page with RG.Plugins.Popup

Text was truncated or one or more characters had no match in the target code page.". (SQL Server Import and Export Wizard)