Jump to content

Beginner(0000)

Members
  • Posts

    1
  • Joined

  • Last visited

Beginner(0000)'s Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. 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...