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/

Solutions

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)

Tags: Html / Css / Wordpress

Similar questions

Woocommerce single variation price displaying not as intended
On our woocommerce site we have a price range that is from the lowest price to the highest price.$2 - $600 for example. Then we have a 10% discount on the whole range so it will then display as strikethrough the whole range $2 - $600 and display $1.80 - $540 for example. When I now select a single variation it displays $540 - $0 for example. But I ...
What is the intended purpose of the _wp_attachment_context post meta key?
If the $context variable isn't empty inside wp_insert_attachment(), post meta info gets added with a meta key of _wp_attachment_context. What is the intended purpose of _wp_attachment_context? For example, can someone give some examples of the meta values I might store with this key?
PHP
How can I get the intended URL in a 404?
I am customizing a 404 page, and I would like to know the correct way to get the intended URL within 404.php. Do I use $_SERVER['REQUEST_URI'] as some online resources seem to suggest, or is there a WordPress builtin?
How do I get the intended post type of a revision post?
I have a headless Wordpress instance with multiple custom post types. The build takes a few minutes, so I'm building a way to display drafts by fetching the latest revision via an API, like so: I retrieve the revision just fine, but the post type is set to revision instead of my custom post type. This causes problems, because I need the intended po...
function places html outside of intended span tags
Here you'll see I have two functions set up for "fb_comment_count" and "my_post_gallery": Pastebin. Around line 123, you'll see that I am using "fb_comment_count". The trouble is that the generated markup does not place the comment count number within those span tags but rather somewhere else. Below is the generated markup to show you what I mean. ...
Intended URL redirect upon form submission
I am working on a WordPress site that has a static squeeze page with the plugin "SplashScreen". The user can choose from two options: A.) Enter their email address in the form to proceed to the site. B.) Click a link located under the field which allows them to bypass giving their email. Currently as it stands the user is taken to a thank you page ...

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.