gap between footer and contentwrapper that doesnt go away

Question

I am working on the following website http://bestofdesigns.be/studioregenbogen/index.html. Can somebody please look at the css and tell me why the footer is not attached to the content and why there is a gap between the menu and the contentwrapper? I have looked at this for 2 days and cannot seem to find what goes wrong.

Thanks,

Ben

Answer 1

#footer p {
padding-top: 5px;
margin: 0;
}

Answer 2

why there is a gap between the menu and the contentwrapper?

The gap is due to the margin applied by default by each browser to the list <ul> element and the title <h1>.

Remove it or adjust it

Screenshot

Answer 3

hi now give to #footer overflow:hidden and give to your footer p tagmargin :0;`

as like this

        #footer{
        overflow:hidden;
}

    #footer p{
    margin:0;
    }

Answer 4

I am suggesting one more thing did you ever opened your design using firebug and checked how your middle content looks. It's bad design. Use div tags extensively don't use padding much.In the body style put text-align:justify property.

Your error is in

#footer p {
 padding-top: 5px;
 margin: 0;
}

Divide the content wrapper class into two vertical div classes and then divide the below vertical classes into another two vertical classes. Divide the first vertical tag into two horizontal div classes. In that put your image in first horizontal tag and in second your paragraph. In the bottom vertical class your second paragraph.