I'm trying to create a multiple column layout without using position: absolute. but as soon as i made the page design i got a really big space below it.

Please help me on how to fix it or should i change to another position or if that.

My website is http://www.ap-gfx.com/

Creating a layout with position:absolute for everything is a bad idea. IE6 has numerous bugs with absolute positioning and all that positioning is rarely necessary. It's better to use the normal document flow and floats.

You have other problems:
no doctype - pick one, but at least HTML4.01 Strict.
- CSS selectors cannot be numbers - you have "div id="07" - this is not valid CSS
- position:fixed is not supported by IE 6

Positioning is one of the more difficult things to grasp, but I don't see any reason for the positioning you're using.

So what can CSS selectors be called

almost anything you like, just as long as the name doesn't start with a number

leftside, rightside, navigation even fred, barney, wilma & betty are perfectly valid

And classnames & ID are case sensitive so this, This & THIS are all different.

Get rid of the all position:relatives and the top:- pixels and learn to use the document flow,

Do anybody know any goodtutorials or books for CSS document flow

These may help
http://css-discuss.incutio.com/
http://www.w3schools.com/css/css_examples.asp
http://www.positioniseverything.net/

Here are a couple of good books
http://apress.com/book/view/1590596897
http://apress.com/book/view/159059732x