CSS error on my webpage

Question

I'm making a new theme but I have a little problem... Click here to see my design. As you can see, the dark container background is only behind the 'DaniThemes' logo but I want it to occupy the whole structure. Here you have the codes I'm using:

html, body {
height: 100%;
}


#content {
width:1000px;
height:auto;
background-color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.6);
color: #fff;
padding:20px;
margin-left: auto;
margin-right: auto;
}

What am I doing wrong? Thank you

Please give your question a more descriptive title.

user663031
– user663031

2014-11-28 02:23:27 +00:00
Commented Nov 28, 2014 at 2:23 — user663031
– user663031, Commented Nov 28, 2014 at 2:23

user2782001 · Accepted Answer · 2014-11-28 02:01:56Z

1

You have two elements with the id='content'. An id is meant to be unique, so using it on multiple elements will cause problems.

Start with that and then check back with whats up.

answered Nov 28, 2014 at 2:01

user2782001

3,5085 gold badges28 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

superUntitled · Accepted Answer · 2014-11-28 02:01:22Z

0

You need to clear your floats. Add a clearfix to your div#content.

css:

.cf:before,
.cf:after {
    content: " ";
    display: table; 
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

html:

<div id="content" class="cf">

edited Nov 28, 2014 at 2:01

answered Nov 28, 2014 at 1:55

superUntitled

22.6k30 gold badges86 silver badges113 bronze badges

Collectives™ on Stack Overflow

CSS error on my webpage

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related