Home/ Questions/Q 9257771
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T12:14:14+00:00

So basically I can’t remove the top section of the page. It is just

  • 0

So basically I can’t remove the top section of the page. It is just white space, and no matter how much I alter my css, I can’t seem to change anything. I want to have my navbar at the top of the page, with no padding or border or anything. Here is my code, and I am aware it is probably the most easiest thing, it’s just that i can’t find it at the moment.

HTML

<!DOCTYPE html>

<html>

<head>
    <meta name="Description" content="This is a test website!"/>
    <meta name="author" content="Me!"/>
    <title>test | Home</title>
    <link type="text/css" rel="stylesheet" href="css/style.css"/>
</head>

<body>

    <div id="wrapper">
        <nav id="navmenu">
            <ul>
                <li>Home</a>
                <li>About</li>
                <li>Tutorials</li>
                <li>Services</li>
                <li>Contact Us</li>
            </ul>

        <aside id="sidenews">

        </aside>

        <div id="center">

            <section id="mainsection">
                <article>
                    <header>
                        <hgroup>
                            <h1>This is a test</h1>
                            <h2>I like tests!</h2>
                        </hgroup>
                    </header>
                    <section>
                        <p>This is the main section of my section (sectception)</p>
                    </section>
                    <footer>
                        <p>Time and date</p>
                    </footer>
                </article>
            </section>

        </div>

        <footer id="cright">
            <p>This is the copyright section. All rights reserved.</p>
        </footer>
</body>

</html>

CSS

*{
margin: 0;
padding: 0;
}

header, section, footer, aside, nav, article, hgroup{
    display: block;
}

a{
    text-decoration: none;
    color: #FFF;
}

a:hover{
    color: #333399;
}


#wrapper{
    width: 1000px;
    margin: 20px auto;
    text-align: left;
    background-color: #FFF;
}

#navmenu{
    background: #3366CC;
    color: #eee;
    text-align: center;
    height: 100px;
    padding: 0;
    margin:0;
    float: top;
    width: 100%;
}

#navmenu li{
    display: inline-block;
    list-style: none;
    padding: 20px;

}

#navmenu li:hover{
    color: #FFF;
    background: #3399FF;
    border-radius: 15px;
    -moz-border-radius: 5px;
}




#mainsection{
    float:left;
    width: 630px;
    margin:30px;
    margin-top: 2
    background-color:#FFF;
    color: #222;
    text-align: left;

}

#cright{
    text-align: center;
    background-color: #AAA;

    clear: both;
}

#center{
    width: 1000px;
    height: 1000px;
    background-color:#FFF;
}

#sidenews{
    float:right;
    width: 250px;
    height: 940px;
    margin: 0px 0px;
    padding: 30px;
    background-color:#FFF;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Change the margin of the wrapper to 0 ?

    #wrapper{
    margin: 0 auto;
}
    • 0