Div under another div while not intended

1 Views

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

I have a div on the side with these styles:

Read More
#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/

Post Views: 1

Related posts

Leave a Reply

1 comment

  1. 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)