html/css when i resize the browser , the content into the div comes out
  • when i resize the browser , the content into the div comes out please help me getting out of this mess...
  • 2 Comments sorted by
  • hi try this below code it will keep same effect on browser resize option.


    <style type="text/css">
    #styles{
        background-color:#A3F8A9;
        position:relative;
    }
    #left{
        position:absolute;
        left:0px;
        width:300px;
        top:100;
        background-color:red;
    }
    #right{
        position:absolute;
        left:400px;
        width:300px;
        top:100;
        background-color:green;
    }
    #top{
        position:absolute;
        left:200;
        top:0px;
        width:300px;
        background-color:blue;
    }
    #bottom{
        position:absolute;
        left:200;
        width:300px;
        top:200;
        background-color:yellow;
    }
    </style>


    <div id="styles">
         <div id="left">This paragraph for test for prevent over leaping div text to another div text.</div>
        
         <div id="right">This paragraph for test for prevent over leaping div text to another div text.</div>
         
         <div id="top">This paragraph for test for prevent over leaping div text to another div text.</div>
         
         <div id="bottom">This paragraph for test for prevent over leaping div text to another div text.</div>
     </div>
  • Hello princedanielsss
    Please use media queries for handling Responsiveness


Howdy, Stranger!

It looks like you're new here. If you want to get involved, or you want to Ask a new Question, Please Login or Create a new Account by Clicking below

Login with Facebook

Popular Posts of the Week

Top Posters Weekly

Optimum Creative