CODEWITHSUNDEEP
css
Hultin
Hultin

Reputation: 168

Css - Padding being totally ignored, white space appear where it should not

I have a simple error, below is the adress you can visit to see the issue at hand.

Why is parts of the header white? It's set to be a light shade of green, and to it should be placed the the very top (beneath the topmenu) and after that the 60px margin-top on #menu should push it down into it's correct position and making the entire area green.

This is what isn't happening, and I cannot for the life of me understand why. I removed the margin-top and it only pushed the div up, but how can I then place the menu in it's correct position ( I should add that the menu with login etc, is placed correctly but it's just that unknown white gap that's the problem)

-- Removed Adress as solved

Upvotes: 0

Views: 243

Answers (3)

fred02138
fred02138

Reputation: 3361

The content_background element has CSS property padding-top set to 10px. Remove that and it should be OK.

Upvotes: 0

EnrageDev
EnrageDev

Reputation: 91

just add an top margin to your #wrapper

position: fixed sets your element on a fixed position with the standard behaviour for other elements to ignore this element anymore in fact your fixed element will overlay everything else, because it's not bound anymore to other elements and all elements after your fixed box will ignore the bounding box.

Upvotes: 0

ArrayKnight
ArrayKnight

Reputation: 7356

The margin-top that you're adding to #menu is what is causing that gap.

Upvotes: 2

Related Questions