Can somebody help me out?

+1 Jonathon Tupper · March 27, 2015
I was following the youtube tutorial HTML5 Tutorial 13. Near the end i came across an issue with my aside.
The problem was that after applying css to the footer, and desiding i did not like its look. I erased the footer CSS only to have the aside go wrong. Im not sure what is wrong with the code. but here it is. first the body of the html then the css. Can you tell me how to fix this? I dont want to end up with my aside, outside of my div border.

        <div id="body_div">
            <header id="logo">
                <h2>Truplay Games</h2>
            <nav id="top_menu">
                    <a href="/">Home</a>
                    <a href="/contact">Contact</a>

                <section id="main_section">
                        <h2 id="content_header">Truplay Games</h2>
                        <h3>So much to game. So much Star Wars!</h3>
                    <p>This is a paragraph body.</p>

                <aside id="local_ad">
                    <h4>Places to go</h4>
                        <li>Star Wars The Old Republic</li>
                        <li>Star Wars Edge of the Empire</li>
                        <li>Truplay a Star Wars Guild</li>

            <footer id="web_foot">
                    © Copyright  by Truplay
    margin: 0px;
    padding: 0px;
header, section footer, aside, nav, article, hgroup{
body {
    border: 1px solid black;
    margin:20px auto;
    background: #66CCCC;
    padding: 40px;
#top_menu p{
    font: bold 14px tahoma;
    margin:20px 0px;

Post a Reply


Oldest  Newest  Rating
0 Akshay Kulkarni · April 5, 2015
try this out: 


border-top:1px solid black

assign some width to "#main_section". i assigned 500px for testing purpose
also, margin and padding of "#local_ad"  move aside content downwards.. so do something like this:

margin:0px 20px;
padding:0 30px;

go on adding styles you had intended.
hope this is what you were looking for and it works out for you! let me know if you need any further assistance.
  • 1

HTML / CSS / Web Design


Discuss, share, ask, learn and teach HTML5 and CSS3.