Jump to content
mccooluk

Page Height 100%

Recommended Posts

James B

Hi there, you could try the following css

.section-sb_footcols {

    bottom: 0;

    margin: 0;

    position: absolute;

}


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
catrina

What other CSS do you have right now? (When keeping the footer at the bottom, other CSS code is needed to make sure the content above the footer is also set up correctly to make sure the footer stays at the bottom)


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
mccooluk

Hi, below is what I did have. However, to make it easier to get this issue solved first, I have now removed all CSS (I have tried the code above on its own, but no luck)

/* BORDER TRANSPARENT */

hr, .fpost, .clip_box, .widget-title, #buddypress-page .item-list li, .metabar a, #morefoot .widget-title, #site #dsq-content h3, .post.fpost .entry, #soapbox .fboxinfo, #primary-nav #nav_row, .fpost.sticky {

border-color: transparent;

}

/* REMOVE BORDERS */

hr, .fpost, .clip_box, #buddypress-page .item-list li, .metabar a, #morefoot .widget-title, #site #dsq-content h3, .post.fpost .entry, #soapbox .fboxinfo, #primary-nav #nav_row, .fpost.sticky {

border-color: transparent;

}

/* CONTENT BUTTON SPACING */

p, .p, .hentry ul, .hentry ol {

margin: 0.8em 0;

}

/* MARGIN ABOVE CONTENT */

.fullwidth #column-main .mcolumn-pad {

margin-top: 40px;

}

/* LINE HEIGHT */

.hentry, .fpost .post-excerpt {

line-height: 25px;

}

p, .p, .hentry ul, .hentry ol {

color: #CECECE;

margin: 30px;

}

.page-id-50 p, .page-id-50 .p, .page-id-50 .hentry ul, .page-id-50 .hentry ol {

margin: 0 0 !important;

}

/* CONTENT WIDTH */

#site .content, #footer .content {

max-width: 1396px !important;

}

/* NEW NAV ARROWS */

.widget-title {

display: none;

}

.sidebar_widgets .fix {

display: inline-block;

}

.page-id-50 #morefoot_area .content-pad {

padding-left: 49%;

}

.page-id-28 #morefoot_area .content-pad {

padding-left: 50%;

}

.page-id-13 #morefoot_area .content-pad {

padding-left: 49%;

}

/* ARROW SIZE */

.widget_sp_image-image-link .alignleft {

max-width: 25px !important;

}

/* SPACE ABOVE ARROWS */

.hentry-pad {

padding: 0;

}

/* ARROWS PADDING */

.widget-pad {

padding: 0;

}

/* LINK HOVER */

.hentry a:hover {

text-decoration: none;

}

Share this post


Link to post
Share on other sites
catrina

I've used this CSS solution before with success: http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/. It'll require tweaking, however, since you'll need to adjust it for the content area and footer area. Also, on your site, your footer columns are showing in rows. Is that your intention?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
mccooluk

Thanks, but what I dont understand (and sorry if Im being stupid here), is how do i change the HTML structure of the Pagelines Framework to put the Header and Content ina Container Div as per the tutorial?

Also, it's a Universal Sidebar with a couple of images in the Morefoot area which is why it's coming out as rows (without the CSS)

Thanks again for your help

Share this post


Link to post
Share on other sites
Rob

Try adding this:

#content .content-pad {

    padding-top: 0;

}

#page, #dynamic-content {

    height: 100%;

    min-height: 400px;

}

That sets the page and dynamic content to 100%, removing the 10px top padding for the content pad. Small gains, but it works.

Your code has a 40px margin at top and 30px all around padding.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
mccooluk

Still no luck unfortunately.

Just to be clear, I have no extra code added.

Any other ideas?

Share this post


Link to post
Share on other sites
catrina

Is the Twitter bar the only section you plan on adding to your footer? If so, maybe it's that section inside the Footer that needs to be pushed down.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×