html - Aside elements not showing -


i trying out guide youtube, can't right_aside , left_aside elements show on screen. have been looking hours now, , can't find problem. did miss something?

this html:

<!doctype html> <html lang="en">      <head>         <title>my websitebeta</title>         <meta charset="utf-8">         <meta name="keywords" content="">         <meta name="description" content="">         <link rel="stylesheet" type="text/css" href="indexstyle.css" />     </head>      <body>         <header id="main_header">             <div id="second_header"></div>         </header>         <menu id="main_menu"></menu>         <div id="main_wrapper">             <table width="100%" cellpadding="0" cellspacing="0" border="0">                 <tr>                     <td valign="top" width="180">                         <aside id="left_aside"></aside>                     </td>                     <td>                         <section id="main_content"></section>                     </td>                     <td valign="top" width="180">                         <aside id="right_aside"></aside>                     </td>                 </tr>             </table>         </div>         <footer id="main_footer"></footer>     </body>  </html> 

this css:

*{     padding: 0px;     margin: 0px; } body{     color:#000;     font-size: 15px;     font-family: arial, helvetica, sans-serif;     background: #fff;  } #main_header{     width:100%;     height:100px;     background: #f90;  } #second_header{     min-width:960px;     height:60px;     padding:20px;     margin:0px auto 0px;  } #main_menu{     width: 100%;     height: 40px;     background: #09f;  }  #main_wrapper{     min-width:1000px;     margin-top: 0px;     margin-bottom: 0px;  } #left_aside{     width: 180px;     min-height:700;     background: #9f0; }  #main_content{     margin:0px 20px 0px;     min-height:700; } #right_aside{     width: 180px;     min-height:700;     background: #f00; } #main_footer{     width: 100%;     height: 50px;     background: #09f;     margin: 0px; } 

it looks you've forgotten px after min-height in both left , right asides.

it should like: min-height:700px;

good luck!


Comments

Popular posts from this blog

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

.htaccess - Matching full URL in RewriteCond -