Home/ Questions/Q 8398935
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T21:10:12+00:00

This question is for this website Everything is good but for some reason my

  • 0

This question is for this website

Everything is good but for some reason my .content div, which is given a css rule
margin-top: 50px; doesn’t seem to have that margin working on it. I gave bright yellow background colour to the div that has problem so you can see it.

Here is css code of elements that might cause the issue. (Not sure it could be other elements as well.)

header {
    background-color: #1d130e;
    background-image: url("../img/header_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-width: 1000px;
    height: 100px;
    margin-top: 50px;
    border-top: 1px solid #0d0907;
    border-bottom: 1px soid #0d0907;
    box-shadow: 0px 0px 15px -1px #181513;
}

.content {
    margin-top: 50px;
    width: 1000px;
    margin: 0 auto;
    background: #eef496;
}

And HTML of the page:

<body>
        <!-- Header -->
        <header>
            ...
        </header>
        <!-- Header [END] -->

        <!-- Content -->
        <div class="content">
            <!-- Slideshow -->
            ...
            <!-- Slideshow [END] -->
        </div>
        <!-- Content [END] -->

        <!-- Footer -->
        <footer></footer>
        <!-- Footer [END] -->
    </body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    With the line margin: 0 auto; you’re overriding the margin-top property.
    Try out this:

    .content {
    margin: 0 auto;
    margin-top: 50px;
    width: 1000px;
    background: #eef496;
}
    • 0