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
Post a Comment