Footer Overlapping Sidebar

[onelessthang]

I have read through the multiple post and I cannot find the answer I need. I am using yget at www.gordonkeithwannabe.com

In both FF 2.0.0.2 and IE 7 the footer overlaps the sidebar and is not at the very bottom of the page.

Can anyone provide some insight?

Thanks in advance,

Onelessthang

[kbeeveer46]

You have to make the min-height of wrapper2 in main.css to a higher number.

[onelessthang]

kb -

That helped. I just wonder what it would take to make it dynamic. I do not understand why it does not consider the sidebar.

Thank you for your quick response.

Onelessthang

[beatniak]

Originally Posted by onelessthang

I do not understand why it does not consider the sidebar.

Because the sidebar is positioned absolute. Use the trick i did for Mollio-Beat to have different min-heights for the different pages:

/* Better footer placement in FF */
#content-wrap1 {background: #fff;position:relative;width:100%;min-height:1200px; height:auto;} /* MB2.0 - " when not logged in */
#content-wrap2 {background: #fff;position:relative;width:100%;min-height:1050px; height:auto;}  /* MB2.0 - " when logged in */
#content-wrap3 {background: #fff;position:relative;width:100%;min-height:800px; height:auto;}  /* MB2.0 - " when logged in, no cat box */
    
/* Better footer placement in IE, copy values of content-wrap above */
* html #content-wrap1 {height: 1200px;}
* html #content-wrap2 {height: 1050px;}
* html #content-wrap3 {height: 800px;}

Don't forget to change the 3 different values in blue to your design needs.

Don't know if the yget has content-wrap1,2,3 , but you can put that in the HTML by tweaking the tpl files. Don't know which ones in yget.

EDIT: You can have content-wrap1,2,3 by changing line 95 in pligg.tpl

<div id="content-wrap2">

to this:

{if $user_authenticated ne true}<div id="content-wrap1">
{else}
    {if $cat_url neq ""}<div id="content-wrap2">
    {else}<div id="content-wrap3">
    {/if}
{/if}

Too bad the yget creator copied some CSS of MB without the logica behind it. He/she should have left the Content-wrap1 and 3 in the first place to support the 3 different page heights, not just the #2.

If i remember well you can collapse the boxes in the sidebar... that is not supported by using the content-wrap1,2,3 method.

[onelessthang]

beatniak -

Wow! Thank you so much for your post. I am still getting use pligg and this post really helped my learning curve. I more than appreciate you taking the time and giving so much detail.

Thanks,
Onelessthang

[netfreak]

Is there any solution to drop down the footer with sidebar, like position automatically drop towards down when selected to show more stories, but why it doesnt go down when footer size is bigger,

I have completed minimum height, but it really annoying when visiting only single story.

Any help ?

See this

[kmb40]

Since the responses to this issue appear to vary.

I thought Id offer an alternate option.

Remove the horizontal rule from the footer to give the appearance that there is no actual overlap.

You can comment out in main.css (in case you dont like the result) or simply remove.

PHP Code:

.footer {
/*border-top:1px solid #E3E8EE;*/
font-size:86%;
color:#999;
margin-top:15px;
padding:10px 0 30px 15px;
} 


[chuckroast]

Actually the true response to this thread is this..

Look in the CSS for

* html #content-wrap2 {
height:850px;
}

Extend that 850px to 1050px which will match

#content-wrap2 {
background:#fff;
position:relative;
min-height:1050px;
height:auto;
margin:0 20px;
}

[kinglouse]

Originally Posted by chuckroast

Actually the true response to this thread is this..

Look in the CSS for

* html #content-wrap2 {
height:850px;
}

Extend that 850px to 1050px which will match

#content-wrap2 {
background:#fff;
position:relative;
min-height:1050px;
height:auto;
margin:0 20px;
}

like a charm