Jump to content

Beginner(0000)

Members
 View Profile  See their activity

  • Posts

    1

  • Joined

  • Last visited

 Content Type 

Posts posted by Beginner(0000)

    HTML/ CSS help

    in HTML/XHTML

    Posted · Edited by Beginner(0000)

    I am new and want to learn web Dev. this is my first try to develop layout  but somehow #right-section does not react with html/CSS. please help me out. Thank you. 

    HTML<
    div id="wrapper">
    <div id="header"></div>
    <div id="content">
    <div id="left-panel">
    <div id="navbar"></div>
    <div id="news"></div>
    </div>
    <div id="right-section"></div>
    </div>
    <div id="footer"></div>
    </div>
    CSS
    #wrapper{
    padding: 15px;
    }
    #header{
    background-color: #000;
    height: 100px;
    -maz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
     
    }
    #content{
    margin-top: 15px;
     
    }
    #content::after{
    content:" ";
    display: block;
    clear: both;
    }
    #left-panel{
    width:20%;
    height: 400px;
    float: left;
     
    }
    #navbar{
    background-color: #e68800;
    height: 400px;
    -maz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
     
    }
    #news{
    background-color: #b8b894;
    height: 200px;
    -maz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-top: 15px;
    }
     
    #right-section {
    background-color: #009999;
    height: 615px;
    -maz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    width: 78,3%;
    float:right;
     
     
    }
    #footer{
    height: 100px;
    background-color: #003333;
    -maz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-top: 15px;
    }
     
×
×
  • Create New...