CODEWITHSUNDEEP
htmlcsswordpress
Nick Hooked
Nick Hooked

Reputation: 440

Div under another div while not intended

I'm building a wordpress theme and I'm stuck on something.

I have a div on the side with these styles:

#sidediv{
    width: 20%;
    height: 71%;
    float: left;
    overflow: hidden;
    background-color: #000;
}

and:

the "content" div with these styles after the sidediv

#main{
    background-color: #a70202;
    color: #FFF;
    min-height: 71%;
    padding: 10px;
}

The problem is that the #main div is partly underneath the #sidediv. The content is next to it as it should be but the padding is not applying and if the background-color is removed from the #sidediv the background-color of the #main is showing underneath

This is the website i'm working on http://vba.durfoptevallen.nl/

Upvotes: 1

Views: 45

Answers (1)

malta
malta

Reputation: 858

try this:

#main{
  background-color: #a70202;
  color: #FFF;
  min-height: 71%;
  padding: 10px;
  float:left;
  width: 80%;
}

Added float:left and width: 80%;

On that url, you have another problem:

http://vba.durfoptevallen.nl/wp-content/themes/Vastgoedbeleggingen_Theme/js/small-menu.js?ver=20120206 is not loading (404)

Upvotes: 1

Related Questions