i this true?

I want to use aboslute position to put 3 columns ,#left,#right,#center and beside the header and the footer >
I want to push my footer div down, if the lenght of 3 columns increaded. but till now i failed do that.
I search in google i did not find any anwser for this problem.
Does that means a bug in css?
I want to use absolute positioning and not relative.

Thank u

The problem is that you are using absolute positioning.

as far as I understand it, your also going to need a "spacer" div between your three columns and your footer to actualy push the footer down.

There may be another way around this.... its just the way I go about it

Accurax. I know you're into CSS, so I'll comment on this. Using a spacer <div> is no different than using a space GIF. Absolute positioning is used incorrectly way more than it is correcty. There are a myriad of ways to acheive the same effect of most designs in CSS; using absolute positioning is the most troublesome way to do so.

thats why i said "also" ...... i aggree with u totally on the absolute positioning issue

I agree...

Can you send us some code so we can tell you what to fix?

Thank u

here is the code
and also see the attached doc file "same see.doc", u can see the problem the footer appears in the middle of the content div , if the height of the content div or or it is text increased

html,body {
height: 100%;
}

div#divcontent {
position: absolute;
top: 70;
left: 20%;
width: 60%;
font-size: 0.8em;

border-bottom: #ff0099 1px solid;
border-left:#ff0099 1px solid;
border-top: #ff0099 1px solid;
border-right: #ff0099 1px solid;
}

div#divfooter {
position: absolute;
top: 100%;
left:0px;
width:100%;
height:20px;

border-bottom: #ff0099 1px solid;
border-left:#ff0099 1px solid;
border-top: #ff0099 1px solid;
border-right: #ff0099 1px solid;
}

Attached Files

same see.doc (92.0 KB, 15 views)

As Ryan has already said, you are creating problems for yourself by going about things this way.

Absolute positioning, as the name implies, takes those elements out of the natural flow of the page so they will never adjust automatically to variable text length, etc.

I strongly suggest you rethink your approach.

There is a template tutorial available from the sticky at the top of the css forum. I suggest you download and work through this. Then vary the basic structure to meet your requirements.