Algernop K.
Algernop K.

Reputation: 477

Bottom div won't stretch fully

.bottom-bar {
    position: fixed;
    bottom: 0px;
    width:100%;
    height:33px;
    background-color:#1a1a1a;
    margin:0;
    padding:0;
}

p.disclaimer {
    color:white;
    text-shadow: #000 0px 0px 0.5px,   #000 0px 0px 0.5px,   #000 0px 0px 0.5px,
                 #000 0px 0px 0.5px,   #000 0px 0px 0.5px,   #000 0px 0px 0.5px;
    font-size:12px;
    text-align:center;
}
   <div class="bottom-bar">
        <p class="disclaimer">John V 2015. No copyright infringement intended. <a href="mailto:[email protected]">Contact</a></p>
    </div>
</body>
</html>

Div that won't stretch

Hi. My bottom div refuses to stretch all the way to the left. It's just in the bottom of the body tag, and neither that nor the html tag has no particular styling (except for a stretched background).

Ideas?

P.s! I know the "No copyright infringement intended" is useless.

Upvotes: 0

Views: 56

Answers (2)

Tobias Baumeister
Tobias Baumeister

Reputation: 2147

The body tag has a small default margin - you can unset it with

body { margin: 0 }

Upvotes: 2

zer00ne
zer00ne

Reputation: 43870

.bottom-bar { left: 0; right: 0;}

Upvotes: 3

Related Questions