Please check this site is there any solution for this problem?

[abdghadir]

I am facing the same problem as in the this link below : http://www.csscreator.com/node/11291
I am using absolute position to put my all divs #banner,#left ,#center,#right in liquid layout , everything fine.
But when i tried to put the #footer i am faced the same prolem as in the link above.
Is there any solution to avoid overlapping of the #footer div?
Or no solution to this problem i have to using relative position instead of absolute position, but i don't want to use relative positioning.

[Accurax]

you need a #divclearer .... this runs all the way accross your page and is before the footer... but after the column divs ..... i cant remember the code off the top of my head, but basically the clearer effectivly pushes the footer down as the columns increase in lenght..... ill see if i can dig some more info up if this didnt help

[abdghadir]

Originally Posted by Accurax

you need a #divclearer .... this runs all the way accross your page and is before the footer... but after the column divs ..... i cant remember the code off the top of my head, but basically the clearer effectivly pushes the footer down as the columns increase in lenght..... ill see if i can dig some more info up if this didnt help

Thank u for u reply
I created #divclear and put it before #footer but nothing happen same problem can u please explain more, see the code below
#divcontent
{
position:absolute;
top :70;
left:20%;
width:60%;
font-size:0.8em;
}
#divclear
{
clear:both;
}
#divfooter
{
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:20px;

}
In HTML
<div id="divcontent"></div>
<div id ="divclear"></div>
<div id="divooter"></div>

Footer is coming in the middle of the divcontent if u browse the HTML and if the divcontent height/lenght increased.

[Daniel]

im not an expert but that code doesnt look right - whats it meant to do?

[moojoo]

<div id="divooter"></div> should be <div id="divfooter"></div> unless it is just a typo here.

[BGarner]

I don't know if this answers your question, but I always code my footer differently...

Code: Select all

html,body {
     height: 100%;
}
 
div#divcontent { 
     position: absolute;
     top: 70;
     left: 20%;
     width: 60%;
     font-size: 0.8em;
}
 
div#divfooter {
     position: absolute;
     top: 100%;
     left:0px;
     width:100%;
     height:20px;

I didn't check it, but I think that's right. Let me know if this helps.

[BGarner]

Oh yeah I forgot an ending } thingy.

[JacobHaug]

hehehe...lol

[Ryan Fait]

Don't forget the thingy

[JacobHaug]

Yeah, never for get the ending thingy...hehehe

[daygon]

I hate when i forget the thingy. It makes me feel all dirty.

[quote "borat"]High Five[/quote]

[JacobHaug]

hahaha...lol

[Ryan Fait]

Haha, High Five!! That movie was so funny.

[JacobHaug]

hehehe...lol

[abdghadir]

Originally Posted by BGarner

I don't know if this answers your question, but I always code my footer differently...

Code: Select all

html,body {
     height: 100%;
}
 
div#divcontent { 
    position: absolute;
    top: 70;
    left: 20%;
    width: 60%;
    font-size: 0.8em;
}
 
div#divfooter {
     position: absolute;
     top: 100%;
     left:0px;
    width:100%;
    height:20px;

I didn't check it, but I think that's right. Let me know if this helps.

Thank u , i checked same problem u can open the attached doc here "same see.doc", and u can see how the footer is coming in the middle of the text in the content div