Print Reseller Scheme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

footer help

Discussion in 'Website Design Forum:' started by croche, Feb 1, 2009.

  1. croche

    croche Member

    Hi i want to stick a footer ar the bottom of my site but i cant seem to do it the site is fix width but i want the footer the full width of the browser.

    Website Title Here!

    one other thing i want the latest blog on the right and the testimonials on the left like in my design

    sorry for this but we all had to learn somewere

  2. tbwcf

    tbwcf Active Member

    Check this out for the footer New CSS Sticky Footer - 2009

    I couldn't quiet understand what your saying about the footer do you want it a set width or to fill the page? If you want it to be the page width just don't put a width in.

    I presume your using wordpress for the blog? I don't know the code of the top of my head but you should find everything you need pretty easy by searching on I've only used "titles" of the latest posts on my front page before...
  3. mrleesimpson

    mrleesimpson Guest

    Yer I would have thought this was your best bet.
  4. Jazajay

    Jazajay Active Member

    Hay buddy with the testimonials there are 2 options.

    Option 1 ~
    You group them and the latest news in a container div and place them above the other sections in the code and float the container right.

    Option 2~
    Place the testimonials above the blog section and float the testimonials right. and give it the same width as the latest news section above it to give it the same look.

    You can position it absolutely if you need the code in that order, but that would be a rare case, but let me know if you do.

    Is the footer how you want it?

  5. croche

    croche Member

    after days of fighting with it i got them sorted thanks for the help everyone

    take a look Website Title Here!
  6. Jazajay

    Jazajay Active Member

    You may want to have a look at Opera buddy as I cant see much difference TBH. :)
  7. tim

    tim Senior Member

    Looking good, I like it :D
  8. croche

    croche Member

    sorry i uploaded the new one over the old one i didnt think so how it is now is how its ment to be
  9. Jazajay

    Jazajay Active Member

    Must have been my fault ~ loading from the cache.
    The copy rights up a tad, but apart from that it looks as you wanted it buddy. :)
  10. croche

    croche Member

    so i did good for my first go at codeing?
  11. Jazajay

    Jazajay Active Member

    OK change your html tag to ~
    <html xmlns="" lang="en" dir="ltr">
    That allows user agents to know the language of the page and the direction of the writing within the page aswell.

    As your referenced in css sheet is ment for monitors change it to ~
    <link href="s.css" rel="stylesheet" type="text/css" media="screen" />
    To confirm to user agents that that is what it is for.

    Add your h1 tag around this image ~
    <h1><img src="images/featuredtext.png" alt="Blue Dream" /></h1>

    But yeah coding wise it is clean and minimal so if you have coded it from scratch on your first attempt that is very good TBH. :)

  12. croche

    croche Member

    thanks I will change them later tonight

    its my first go i was watching a tut when i started it and then finished it with out the tut

Share This Page