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;
}