I posted a query on here a few days ago, but with my recent changes I feel like I should repost this and change the details up a little bit. The problem that I am having is with my css. the header positions on top of the page (like it should) and the footer at the bottom (like it should) and the Rgutter is positioned on the sharp right (like it should) as well the Lgutter. When I place content in the middle of the page, either it over flows past the footer (like it shouldnt) or it jumps past the footer and displays past the footer (like it shouldnt). What i need this to do is reformat everything that is inside of the wrapper div (which is all of the pages content) and not over flow past the footer.
I'm not sure what my problem is, I do not know what I am doing wrong with this. But things in this page do not resize like they should and they over flow past or over the footer.
Can anyone help me out with his?
below are the codecs i've used:
*here is the html*
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
You have a few odd things going on in your code. When you use absolute positioning on an element, it does not float - it's either/or. You have .wrapper fixed and I'm not sure why. You appear to have some divitis going on too.
When posting code in the forum, please use the code tags, [code][/code] - available with the # button in the post edit window.
This will wrap your code in a scroll box which greatly helps the readability of your post.
Thank you for that, all three things I didn't know. Thank you for the sample site too. I greatly appreciate your help and comments. I knew that some of my dividers were most likely unnecessary, but I didn't really know what to do to select and position what I wanted.
I didn't know that float and absolutly positioning was an either or thing. The reason I fixed the .wrapper was I thought to resize the whole page and contain the information where I wanted it. (I've self taught my self css over this past year and this is why I have so many problems probably, I never read a tutorial I just picked and pieced together code)
Next time I post code on here I will certainly use the # feature. Thank you for pointing that out to me as well.
(I've self taught my self css over this past year and this is why I have so many problems probably, I never read a tutorial I just picked and pieced together code)
You're in the right place I learned right here in CodingForums.com, and some other forums as well. I've never taken a class or read a book on this stuff. From what I've seen both books and teachers are completely outdated compared to what you can learn in these forums which, as far as I'm concerned, makes them pretty much a waste of money and time.