Hi everyone,

I'm currently designing my page, it's a simple 2 column layout with on the left side article that i will post, and on the right side some other stuff, just how most of the blog looks like. I finished most of the css, after i finish the article div i got some problems with the footer that i cant figure out how to fix, hope someone can help me . . I will try to explain what my problem is.

in my main div, where i put my article divs, i gave the article divs a bottom margin of 35 pixels. This is to make the articles will have space between each other. The problem is that the margin of the last article is sticking out of the main div container. This causes that the margin sticking out is pushing my wrapper down, because of this i can't get my footer directly under my 2 colums, instead I will have a "gap" because of the margin that sticked out and pushing the footer away.

here is a link with a screenshot, hope it makes things more clear: http://www.c-styled.com/css/cssproblem.jpg

The thin yellow line is my leftpanel/maincontent div
The fay yellow line is an article div, below u see the margin of 35 pixels sticking out of the maincontent div.

Does anyone know how i can fix this? Is it possible to let the margin push the maincontent div instead of sticking out ?

thnx in advance,

Calvin

The source code is located at: www.c-styled.com/test/css_main.css

I have to say that the source is very bad coded and not tidy . . because this is still my development version there are lots of code that are not needed but could be inherited. I hop this helps though.

thnx