footer help

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

http://media36.com/img/blue_dream.png

sorry for this but we all had to learn somewere

Thanks
Chris
 
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 wordpress.org... I've only used "titles" of the latest posts on my front page before...
 
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?

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


sorry i uploaded the new one over the old one i didnt think so how it is now is how its ment to be
 
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. :)
 
OK change your html tag to ~
<html xmlns="http://www.w3.org/1999/xhtml" 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. :)

Jaz
 
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
 
Back
Top