Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Sharing my progress

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 21, 2011 at 3:53 pm #34449
    tannercampbell
    Participant

    @WolfCry911 @TheDoc @ChristopherBurton

    Just wanted to share my progress with you guys. Doc, in working my way along this design I’m very quickly seeing the benefit that plugin will have for me – I appreciate you recommending it. Not everything is done, however I’m probably only one day away from converting the site to xhtml/php and I’ll start coding it for WordPress on Monday. I reckon I’ll be talking to you guys a lot through that process.

    Index: http://how-do-i-find-peace.com/sole/
    Full Width: http://how-do-i-find-peace.com/sole/full-width.html
    Specs Page: http://how-do-i-find-peace.com/sole/specs-page.html

    Still have a products page and blog page to create, but those should come relatively easy. I’m particularly proud of the specs page.

    Any and all feedback is welcomed. I’m actually really interested in figuring out how to get that footer to fill the entire bottom of the page in the event that there is a very short amount of content in the content area (full-width.html is an example of that).

    -Tanner

    September 21, 2011 at 4:05 pm #87697
    chrisburton
    Participant

    I’m not entirely sure I remember following this. Either way, I’m happy to contribute. I think the footer issue would be resolved with using a sticky footer. I think you should also be on the wagon with HTML5 and not developing in xhtml.

    September 21, 2011 at 4:10 pm #87698
    TheDoc
    Member

    Specs page looks good. Let me know if you need any help implementing ACF.

    September 21, 2011 at 4:46 pm #87702
    chrisburton
    Participant

    A sticky footer allows you to stick your footer at the bottom of the page no matter the height of your main content.

    Technically you can use the HTML5 doctype without using the new elements. This will render in IE perfectly fine.

    September 21, 2011 at 4:58 pm #87704
    chrisburton
    Participant

    http://ryanfait.com/sticky-footer/

    September 21, 2011 at 7:56 pm #87714
    joshuanhibbert
    Member

    @tannercampbell An easy fix for the footer is to give the root (html element) the same color background as the footer, then give the content wrapper the background image (or alternate color).

    Here is a quick example: http://jsfiddle.net/sl1dr/RJSa5/

    September 21, 2011 at 8:31 pm #87715
    TheDoc
    Member

    @joshuanhibbert – you know, I did that little trick on a site many moons ago, but never thought to do it for the footer like that. I dig it.

    September 21, 2011 at 8:31 pm #87716
    joshuanhibbert
    Member

    @TheDoc Thanks! I have used it a few times, it can come in very handy!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.