You must Sign In to post a response.
  • Category: HTML

    Fix (like overwrite) the Div Center of the multiple Div in CSS or Jquery

    I have 3 div and want to align the 3rd div in between the 1st and 2nd div like as overwrite. Herewith I have attached the sample image. How can i align this.
  • #769392

    -----------------------------------------------------------------------------
    Regards,
    Gopi A.
    +91 9894315571
    Skype:gopi.net
    http://asaigopi-dotnet.blogspot.in/

    Delete Attachment

  • #769400
    Hi Gopi,
    Please find attachment and see the code of my html. I suppose it fulfill your need.

    aabs.html

    Delete Attachment

  • #769401
    Here is all code with sample image:
    <html>
    <head>
    <title>Example</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <style>
    body{
    position:relative;
    }
    div{
    border:1px solid red;
    }
    .a{
    width:80%;
    margin:auto;
    height: 100px;
    padding:100px;
    border:1px solid #red;
    }
    .b{
    position:absolute;
    height: 100px;
    padding:100px;
    border:1px solid #red;
    width:50%;
    top:100px;
    left:25%;
    background:#ccc;

    }
    </style>
    </head>

    <body>

    <div class="a">
    div1
    </div>
    <div class="b">
    div3
    </div>
    <div class="a">
    div2
    </div>

    </body>
    </html>

    Delete Attachment


  • Sign In to post your comments