3 column page with left colomn under middle content

I have created a page which has 3 columns which displays images on the sides and middle.enter image description here once ive uploaded it yet when i display it on my own system before i upload it displays perfect.

here is the css for the left sidebar

.sidebars_left {
    width:20%;
    height:auto;
    float:left;
    text-align:center;
    margin-left:2%;
}

.sidebar{
    margin-top:2%;
    background:white;
    border-style:solid;
    border-width:1px;
    border-color:black;
    border-radius:5px;
}

code for left sidebar

 <div class="sidebars_left">
    <aside class="sidebar">
        <article>
            <a href="soul.php">
                <img src="images/chocolate/soul.png" alt="For the soul" width="80%">
            </a>
        </article>
     </aside>

<aside class="sidebar">
    <article>
        <a href="world.php">
            <img src="images/chocolate/world.jpg" alt="For the soul" width="80%">
            </a>
        </article>
    </aside>
</div>


Source: css

Leave a Reply