for some reason the 'margin-top' property that i added to one element is moving the entire page contents down.
That's what it's supposed to do. If you mean making margin-top: 20px; for #wrapper #content where you have margin-top: 0; at present, it will move the div down and show a white space above, moving everything else down too.
One of the differences between margin and padding is that margin moves the whole div including its background-color but padding will move the div leaving its background-color in the padding, so try this instead:-
#wrapper #content {
height: 800px;
background-color: #000000;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #FFF;
/*margin-top: 0px;*/ padding-top: 20px;
}
You are using a doctype, aren't you?
http://www.w3.org/QA/2002/04/valid-dtd-list.html
like
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Last edited by Wickham; 10 Jul 2009 at 02:12 AM.
Code downloaded to my PC will be deleted in due course.
WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.