seefy: that seems helpful actually @_@ i'll edit my coding a little and add those comments just so I can see where everything spose to be..because my CSS page is really messy. and yeah, me and opera have a thing now ;D I ditched firefox

but hey guys~ so a lot has happened to the website in the past month :P With the help of taylour, I pretty much have a basic understand of CSS and all now:
http://createceous.freehostingcloud.com/index.html

theres the site for now. I'm having trouble with something though: The footer. like I have no idea how to code it right, as you can see OTL the footer is in the content area, like wth. Sooo I need some help with that. You guys know how to code it?

Toast, you have 2 options. Either use a table to divide the page into various parts (as seen here, on a website for a p. crappy thing I made) or use the CSS classes to define a height (in pixels, probably) for the individual elements.

but how exactly would I do that?

Well you'd say <WHATEVERTAG class="WHATEVER"></WHATEVERTAG> and then make a CSS file in the same directory as your html files, and link it by putting <LINK REL=StyleSheet HREF="FILENAME.css" TYPE="text/css">. In the CSS file you'd type WHATEVERTAG.WHATEVERCLASS{height: yourheightinpxls; width: yourwidthinpercent%;}
Play around with the CSS and use this tutorial if you get stuck.

alright thanks :3 I shall try that in a little bit

I'm not too savvy on the footer thing, but I'd agree with Del that if you can't figure it out, doing the table method is the next best way to go.

being that you still have the footer in the center of the page, i'll assume the problem isn't fixed. three solutions that come to mind and should work are:


1.Table based design


Basically the <tfoot> tag slaps whatever is within it into the bottom slots of the table and can be used to make an automatic footer for a given table, thus putting the entire site's content in a table like in the above code you can slap it right at the bottom of the page after all the content ( you would probably want to use CSS to center the table)

further reading:about <tfoot>, explaining <tbody>, reference on tables in general, horizontal alignment in CSS


2.CSS


the CSS you have for the footer is halfway there, you just needed positioning so that it is at the bottom of the page.the above code should do that, however, me and CSS positioning can sometimes come to blows so it might have some issues ( like setting to the bottom of the browser window, not the page)

further reading:more on CSS positioning, more on the bottom tag


3.HTML 5


obviously the easiest option by far, but be aware that HTML 5 is not the standard (that would be HTML 4.01) and this tag is new to HTML 5 it is not 100% guaranteed to work in all browsers

further reading:about HTML 5, about HTML 5's footer tag



Hopefully one of these works for you, admittedly i've never made a footer before ( never occurred to me) but some research dug these up, and my knowledge of HTML says they should work.

hmmm It doesnt seem to be working. Like you said, the footers just going to the bottom of the page an not the browser. I guess I'll just try and work with that, but thnx bardic!! You at least showed me how to position the thing to the bottom OTL

If you've seen any websites with the design elements you want, it might pay off to view the source code and try picking through it. If the web designer was organized and nor messy, it might help a lot. :)

hmm that's actually a really good idea. I'll start searching for some sites similar to the design I want

Some of the best advice you can get, just be warned people seem to forgo comments alot of the time and so it can be hard to figure what their code is getting at in more complex sites

that said please feel free to slap me for being out of practice and hence giving you incomplete advice. the CSS i used in my prior post is going to lock the the stuff at the bottom of the browser window as opposed to the webpage itself. Unless of course you put it inside something, which you have sort of done.

Right now the one thing keeping your footer from working is most likely that it is inside an essentially useless wrapper div. your wrapper div has no defined size or dimensions, so the content inside it is defaulting to it's position relative to the browser window ( for some reason CSS seems to only see the browser window as being the HTML document not sure why) however if your wrapper div had some definition in CSS you should see the footer working right

my personal suggestion


what this should do is automatically stretch the page to fill a persons browser no matter how big ( by means of the height:100%; in html, body, and .wrapper) but the site content (which as you have now is contained and nested within the wrapper div) will never go smaller than the size defined by min-height. as far as your footer, by nesting the footer div ( from my prior post) inside the wrapper, it will always appear 1 pixel from the bottom of the wrapper div meaning it will appear at the botttom of the browser if someone has a large browser window, or at the bottom of th page if they have a small one.

should should fix your problem (i'm 99% confident)