Okay, this time it's a real problem. Rather than me being ignorant... maybe? haha.
anyway, on a website i am designing for a photographer:

http://www.y-aji.com/gvi/

and i need the website footer to hold place below the left column and right column. right now, it will just hold place directly below the left column, if the right column were to get too long, the footer is going to eat 64px of it's info.

is there a way i can put both of those in their own individual div (which i have tried to no avail) to make the footer follow both columns of text as far as they need to go. I dont think the problem will ever come up as i have the left column as the main one, the the right one for special deals and stuff, however, if it does, it's going to look awful.
thanks,
keith

i just remembered, if you goto
http://clinton.k12.mo.us/website/index.php
you can see exactly what im talking about, i'm trying to fix it for them, as well.

Keith, did you get this working? I looked at the site and wasn't seeing the issue.

unfortunately, no, it's still not working, however, i lengthened the text to present it, today to the people who wanted me to do it so it wouldn't look ugly... let me do it to the website for the photographer.....
there.. okay,
http://www.y-aji.com/gvi/
the footer doesn't follow the right box, as you can see...
but, it does follow just the left box..

thanks again, you guys are saving me time and time again, i really appreciate it,
keith

Keith, Try putting this in the css for the footer div...

clear: both;

You might also want to read this:
http://www.themaninblue.com/writing/...ve/2005/08/29/

The clear:both will work, but first you'll have to move the footer div up a level in the nested divs. Place it at the same level of nesting as the two columns. I think it's inside the left column at the moment.

thanks guys, however, the clear:both command isnt working as you say it will, i feel it is definately my fault, but i cant figure out as to why. Is there possibly another piece of code that could null that one out? maybe something in the body attribute of my css coding?
thanks,
keith

Hey Keith,

Try taking the entire div that the footer is in and place it as the last element right before your closing body tag. See what happens!

</div>
<div id="navcontent"><div>
<h3>Latest Deals:</h3><ul><li>blah</li><li>blah</li><li>blah</li></ul>
asdf<br />
<h3>Latest Deals:</h3><ul><li>blah</li><li>blah</li><li>blah</li></ul>
asdf<br />
<h3>Latest Deals:</h3><ul><li>blah</li><li>blah</li><li>blah</li></ul>
asdf<br />
<h3>Latest Deals:</h3><ul><li>blah</li><li>blah</li><li>blah</li></ul>
asdf<br />            
<div id="navend"></div>

</div>
<div id="footer">Golden Valley Images. Copyright 2006.<br />(660)890-8378</div>

Also, I notice the page has no closing body tag or closing html tag..!

Add this to the end of your page

</body>
</html>

The clear:both isnt' working, most likely because you have everything else set to position:abosolute. Not necessary and also not a good idea. Use the normal document flow and floats and you'll be better off. Absolute positioning takes the element OUT of the document flow, therefore NO other elements will interact with it. Unfortunately just putting 'clear:both' on the footer isn't always sufficient.

There are a number of ways to clear floats -which you still need to do. The #float div is NOT containing the divs within it.
http://css-discuss.incutio.com/?page=ClearingSpace

You also might try: http://css-discuss.incutio.com/?page=FooterInfo

interesting. thanks guys... so, let me ask, is the absolute positioning most likely what is causing my webpage to look so drastically different on different browser versions?
that would make alot of sense.
however, then, when is the proper time to absolutely position something if you dont want to force it to stay exactly where it is? should you only really absolutely position one or two things and have everything else reference off of it? i mean, i assume i want something to stay right here, no matter what, and that is what absolutely positioning will do.. should i be thinking of the position:fixed; or static; property, instead?
because i do use absolute positioning alot.

i know i have to be a painful member of this website devolopement community, and just want to continue to emphasize how helpful you guys have been, and how much i appreciate it, thanks again,
keith

Keith I'm not sure I can absolutely say when to use absolute positioning. It's pefectly fine to use and I do in my own designs. What can happen though is if you rely on it too much and try to use positioning on everything it can cause problems if the layout changes at all.

Float is a more flexible way to position something and will generally still do what you expect as your pages grow or shrink a little in content.

For me it's more just trying to understand how all the different types of positioning work and when would be the best time to use one over another. I mostly try to use floats, but I do make use of absolute and relative positioning when I need to.

One of the harder things for people to wrap their heads around with an all css layout is that you don't need to use much positioning at all. It's usually only a few key elements or containers that need to be positioned of floated in some way.

The problem is, NOTHING will 'reference' off of an absolutely positioned element because you have taken it out of the document flow. It stands all by itself and is affected by NOTHING else on the page except perhaps the body or a container if that container is set to position: relative.

There's no reason with your layout that you can't have that sidebar stay where it is and work cross-browser by using floats and margins. If you set it up to be 350px to the left of the container, that's where it's going to stay.

I learn so much from your posts. LadynRed..!

I use css and feel I am fairly adequte with it but, you always seem to teach me a little bit with your posts...