View Full Version : Very basic column question

12-11-2010, 05:53 AM
The following is a link to my student project for HTML/CSS class. For some reason, I am unable to get my body-right column to line up next to the body-left column correctly without giving it a top-margin of -425. I know that this is messy and a work-around for code, but if I don't adjust my margin this way, my column sits below the body-left div.

If someone could point out the solution for this, I would much appreciate it.

You can find the page here: http://student.santarosa.edu/~zmanning/final-project/pages/index.shtml

Thanks in advance.

12-11-2010, 06:25 AM
Hello turningpoint,
We use floats (http://www.w3schools.com/css/pr_class_float.asp) to put things beside each other.

Have a look at a demo I have of a simple two column layout (http://nopeople.com/CSS%20tips/simple_2-column/index.html).

That demo shows how you would float one column and margin the other over. Much better than the negative margin you had to use when you had no float.

//edit - congratulations on the valid markup (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fstudent.santarosa.edu%2F~zmanning%2Ffinal-project%2Fpages%2Findex.shtml) and CSS (http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fstudent.santarosa.edu%2F~zmanning%2Ffinal-project%2Fpages%2Findex.shtml) :thumbsup:

12-11-2010, 07:11 AM
Thanks for answering my post... and so quickly!