Thanks for the input, Andy. Unfortunately, I have to report that it didn't work for me. You can see my results at:
http://www.4test.net/test/ragged_bottom_test.html I put a border around the footer so that it can be seen. I was interpreting your post to mean (and hoping :) ) that the addition of the footer div with a 'clear: both' attribute would cause the left- hand menu-bar column to be extended downward so that its bottom would be touching the top of the footer div just like the right-hand content column thereby eliminating the ragged bottom. As you can see, that didn't happen. In playing with it, I also note that the div-based layout is much more difficult to work with than a table-based layout because the boundaries of a div element are not nearly as rigid as the boundaries of a table cell. By that I mean that it seems that it's much easier for content contained within a div element to spill outside that element than it is for content to spill outside of a td element. Thus, the designer has to be much more careful. However, despite the fact that life is just easier for me using table- based layouts, I know that the world is moving towards div-based layouts and there are techniques being developed that can only be employed using a div-based layout. So, I really have to get with it although it seems to be complicating my life. Thanks again for the input. ... doug --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected] -~----------~----~----~----~------~----~------~--~---
