HELP ME OUT WITH A REVIEW, something is wrong with my code

HTML-CSS
1
WEB 1 html { font-family: Arial, Helvetica; color: #333;} body { background: #ccc; margin:0;} #container { width: 100%; margin: 0 auto; background: #914CD5;} #header { width: 100%; height: 60px; border-bottom: 1px solid #c7c7c7; background: #333;} #logo { float: left; width: 70px; height: 40px; margin: 10px; background: #ccc; } #top_info { float: right; width: 100px; height: 40px; background: #666; border: 1px solid #c7c7c7; margin: 10px;} #navbar { height: 20px; clear: both;} #navbar ul { margin: 0; padding: 0; list-style-type: none; float: right;} #navbar ul li { padding: 10px; float: left;} #navbar ul li a { font-size: 12px; float: left; float: left; padding: 0 0 0 20px; display: block;} #top_banner { background: #666; padding: 5px; width: 1330px; height: 420px; margin: 0 auto; clear: both;} #sub_container_a { background: #FEE387; padding: 3px; width: 1360px; height:810px; clear: both;} #sub_container_b { background: #000; padding: 5px; width: 1380px; height:1250px; clear: both;} #sub_container_left{ background: #356; float: left; padding: 3px; width: 230px; height:736px;} #sub_container_right{ background: #000; float: right; padding: 3px; width: 1110px; height:794px;} #left_col { float: left; width: 480px; height: 210px; border: 1px solid #333; padding: 5px; color: #fff; background: #000;} #right_col { float: right; width: 480px; height: 210px; border: 1px solid #333; padding: 5px; color: #fff; background: #000;} #banner_2 { background: #666; padding: 5px; width: 1085px; height: 273px; clear: both;} #banner_2_slide { background: #FC2D27; padding: 5px; width: 1035px; height: 245px; margin: 0 auto;} #banner_3 { background: #633; padding: 5px; width: 1085px; height: 273px;} #banner_3_slide { background: #A1C5DA; padding: 2px; width: 1035px; height: 241px; margin: 0 auto;} #upper_sub { background: #353; padding: 5px; width: 1330px; height: 395px;} #upper_sub_left { background: #230A52; padding: 2px; width: 420px; height: 385px; float: left;} #upper_sub_right { background: #f9f9f9; padding: 2px; width: 420px; height: 385px; float: right;} #upper_sub_center { background: #D6B865; padding: 2px; width: 420px; height: 385px; margin: 0 auto;} #middle_sub { background: #D317C; padding: 5px; width: 1330px; height: 395px;} #lower_sub { background: #666; padding: 5px; width: 1330px; height: 395px;} #lower_sub_left { background: #230A52; padding: 2px; width: 420px; height: 385px; float: left;} #lower_sub_right { background: #f9f9f9; padding: 2px; width: 420px; height: 385px; float: right; display:in-line;} #lower_sub_center { background: #D6B865; padding: 2px; width: 420px; height: 385px; margin: 0 auto;} #footer { padding: 20px; height: 200px; width:100%; clear: both;} #footer_sub_left { background: #230A52; padding: 2px; width: 250px; height: 186px; float: left;} #footer_sub_right { background: #f9f9f9; padding: 2px; width: 250px; height: 186px; float: right;} #footer_sub_center { background: #D6B865; padding: 2px; width: 512px; height: 194px; margin: 0 auto;} #footer_sub_center_1 { background: #f9f9f9; padding: 2px; width: 240px; height: 182px; float: left;} #footer_sub_center_2 { background: #230A52; padding: 2px; width: 240px; height: 182px; float: right;}
LOGO
LOGIN
SIGN UP
ACCOUNT
CART
<div id="navbar">
    <ul>
    <li><a href="url.html">HOME </a></li>
    <li><a href="urlt.html">ABOUT IDEA</a></li>
    <li><a href="urlt.html">PRODUCTS</a></li>
    <li><a href="urlt.html">PRODUCTION TECHNOLOGIES</a></li>
    <li><a href="urlt.html">LOCATE A FACTORY</a></li>
    <li><a href="urlt.html">BROWSE PRODUCTS</a></li>
    <li><a href="urlt.html">CONTACT US</a></li>
    
    </ul>
Banner
CLICK HERE
CLICK HERE
CLICK HERE
CLICK HERE
CATEGORIES 
<ul>
<li><a href="office.html">OFFICE FURNITURE</a></li>
<li><a href="office.html">HOME FURNITURE</a></li>
<li><a href="office.html">SECURITY DOORS</a></li>
<li><a href="office.html">PORTACABINS</a></li>
<li><a href="office.html">RELAXATION GARDEN</a></li>
<li><a href="office.html">OFFICE FURNITURE</a></li>
<li><a href="office.html">HOME FURNITURE</a></li>
<li><a href="office.html">SECURITY DOORS</a></li>
<li><a href="office.html">PORTACABINS</a></li>
<li><a href="office.html">RELAXATION GARDEN</a></li>
<li><a href="office.html">OFFICE FURNITURE</a></li>
<li><a href="office.html">HOME FURNITURE</a></li>
<li><a href="office.html">SECURITY DOORS</a></li>
<li><a href="office.html">PORTACABINS</a></li>
<li><a href="office.html">RELAXATION GARDEN</a></li>
</ul>

<div id="left_col">Left Column Content</div>
<div id="right_col">Right Column Content</div>
<div id="banner_2">
     <div id="banner_2_slide">Banner</div>
    </div>
<div id="banner_3">
       <div id="banner_3_slide">Banner</div>
</div>
   </div>

<div id="middle_sub">
    <div id="upper_sub_left"></div>
    <div id="upper_sub_right"></div>
    <div id="upper_sub_center"></div>
       </div>

<div id="lower_sub">
    <div id="lower_sub_left"></div>
    <div id="lower_sub_right"></div>
    <div id="lower_sub_center"></div>
</div>

  <div id="footer_sub_left">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="hotproducts.html">Hot Products</a></li>
<li><a href="trending.html">Trending Designs</a></li>
</ul>
</div>
<div id="footer_sub_right">
<ul>
<li><a href="office.html">Contact Us</a></li>
<li><a href="office.html">GPS Address Location</a></li>
<li><a href="office.html">PORTACABINS</a></li>
<li><a href="office.html">RELAXATION GARDEN</a></li>
</ul>
</div>
<div id="footer_sub_center">
<div id="footer_sub_center_1">
<ul>
<li><a href="faq.html">FAQ</a></li>
<li><a href="testimonials.html">TESTIMONIALS</a></li>
<li><a href="quote.html">REQUEST QUOTE</a></li>
<li><a href="Coverage.html">OUR COVERAGE</a></li>
</ul>
</div>
<div id="footer_sub_center_2">
<li><a href="investors.html">INVESTORS</a></li>
<li><a href="model.html">Production Model</a></li>
<li><a href="technology.html">TECHNOLOGY IMPLEMENTATIONS</a></li>
<li><a href="partners.html">OUR PARTNERS</a></li>
</div>
</div>
2

Can you share a demo via codepen?

Also what is wrong with your code?

3

Thanks Phillip, for reaching out to me.

I have problem with the divs. It seems there is
some intrusion of some divs into unallotted
space. Also, I am unable to set the width of the
main container that contains all the divs, to a
size that is constant throughout its entire length.

Here is the link to the code on Codepen: https://codepen.io/temybroder/pen/vQMOZa
I will really appreciate your review and corrections.