Transferring tables into CSS

[Rudy]

Edit: I put this in the wrong forum... should be moved to programming. Sorry about that.

Hey guys,
Well, I've decided to take the plunge. I am finally teaching myself how to do table-less css positioning. I was hoping to get the site done by myself without telling anyone about it and then showing it off when it's done. But I've run into some problems I can't figure out.

My home page isn't ideal right now, and my new css isn't making things look so nice right now.

But I can take care of that....

What I'm having difficulties with right now is my copyright div. I can't seem to get it placed at the bottom of the page, no matter what I do, or where I place the div in my code.

Here's my CSS: (beware - while it's a lot of css, and some of it kinda complicated, I'm still learning .. so it could be messy)
http://www.huntsources.com/main.css

And here's my home page that I'm having the issues with placing the copyright div:
http://www.huntsources.com/index.php

I have it commented out right now, but just look at the code towards the bottom of the page, and you'll see where I have it placed in my code right now...

Any suggestions?

I already have validated both my CSS and my HTML with W3C validation....

Edit:
Another thing I would like help: to make that right column white all the way down, in uniform with that left column.. see where I'm talking about?

The copyright I want to be in the brown, underneath the white box... know what I mean? If I can get these two issues sorted, it would help tremendously.


Thanks for any help,
David

 

[Kate]

What I'm having difficulties with right now is my copyright div. I can't seem to get it placed at the bottom of the page, no matter what I do, or where I place the div in my code.

I do not see the copyright div

Something looks wrong when viewed with Opera: http://img377.imageshack.us/my.php?image=huntwk6.gif

I've had a quick look at the code, first off you should avoid setting your embedded div to absolute positioning as it can lead to overlapping blocks (just what I'm seeing).
Think of it as a liquid layout: for example just use float left, right and clear: both etc and let the div blocks flow and adjust themselves beneath each other.

One detail: your tag attributes should be quoted with double quote (" instead of ')
Also you are using the <center> tag, actually it's not needed if you set the properties right for your divs. <br /> is not needed either as you can set margins and padding for your divs to separate them. But these are just details.

I would first get rid of the position: absolute;, if it doesn't help, make a copy of the page and re-introduce each block one by one to see where it begins to wreck the design. Hope this helps.

Another thing I would like help: to make that right column white all the way down, in uniform with that left column.. see where I'm talking about?

The copyright I want to be in the brown, underneath the white box... know what I mean? If I can get these two issues sorted, it would help tremendously.

For that you would need to set a background-image instead of color

 

[Rudy]

That helped TONS. Thank you very much. 2 of the pages down... about a million to go.

The hard part's done, and all of my css is working except for 1 stupid link I can't get quite right. But the home page looks perfect now. Thanks again.