Can't get negative margin to work

HTML & CSS
1

Hello,

I am building a portfolio website and my client wants me to remove the dotted line at the bottom (after the last row of images).

I have been toying with

margin-bottom: -2px;

on the content and footer divs already, but to no avail.

The dotted lines in the background are derived from an image file. Don’t ask me why, client decision…

Can anybody tell me how to make the bottom dotted line disappear?

Thanks for any help.

2

Hi,

The negative margin will just drag the content below upwards it won’t hide the border unless you add the solid border as a top border to the footer instead and then add a background colour and z-index to the footer.

e.g.


#projekte #content {border-bottom:none}

footer{
z-index:2;
background:#fff;
border-top:1px solid #000;
}
3

Oh thanks Paul, works like a charme!