CODEWITHSUNDEEP
cssmarginpadding
Elaine
Elaine

Reputation: 443

padding or margin coming from somewhere?

I have checked and rechecked the padding and margins on all the elements for this page but there is a break between the #header and #container on this page. There should be no band of white. I tried giving the #container a neg. margin too, but that just ends up cutting off and disappearing. Any idea what I am doing wrong and where it is coming from? Thanks so much! http://circore.com/ais/enter image description here

Upvotes: 0

Views: 168

Answers (3)

Joey
Joey

Reputation: 1679

Remove float: left; from #guy and the padding from #secondary, and you're good.

Also, as a side note, z-index doesn't apply to elements that are not position: absolute or position: relative (and some other edge cases like opacity < 1).

#guy {
    /* float: left; */ 
    margin: -178px 0px 20px 305px;
    /* z-index: 2000; */
}

#secondary {
    background: url(images/bottomswoop.jpg) no-repeat;
    width: 940px;
    clear: both;
    /* padding-bottom: 20px; */
    height: 200px;
}

Upvotes: 0

spring
spring

Reputation: 770

1) remove line-height: 18px; css of the body element 2) remove padding-bottom: 20px; from #secondary element the result will be thisenter image description here

is this the result you wanted?

Upvotes: 0

cmt
cmt

Reputation: 1505

I just ran firebug and did this:

#guy > img { position: absolute; }

and

#secondary { padding-bottom: 0; }

which got rid of it in firefox.

I am not saying this is the correct fix for your current situation, but it may lead you in the right direction.

Upvotes: 1

Related Questions