0

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

1
  • Please give your question a more descriptive title. Commented Nov 28, 2014 at 2:23

2 Answers 2

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.

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

Comments

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">

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.