Hi all; another newbie question that has me stumped! I want to make a footer that stretches across the page, is one line, has a lime background, and has one piece of text aligned left and one piece aligned right. So I created a div class="footer" that had the lime background and did two spans, class="footer1" and class="footer2" with the text specifications and float:"left" for 1 and float:"right" for 2. Used the code
<div class="footer"><span class="footer1>some text here</span> <span class="footer2>some more text</span></div>
But that, while aligned fine, had no background color.
So I added the background color to the spans, and now the two bits of text (left-aligned and right-aligned) had the background color, but in between, the white space (covered, I thought, by the div) had no background color, so still not the page-wide lime line I wanted. Taking out the div altogether gives the same results, as expected. Even tried adding 100% width to the div specs (which may not even be legal) with still no success.
Without using tables, how can I get a page-wide line with a lime background all the way across, and two bits of text, one right-aligned and one left-aligned?
LATER EDIT: I got it! After some kludging, but I'm not sure this kludge, while working, is "kosher"---is there a better way? In the css, I created div.footer with all the specs, text specs and background color, plus a value of text-align: left, and then span.footer2 as it was, with float:right, eliminating span.footer1 altogether. Here's the new code:
<div class="footer">some text here <span class="footer2"> more text here</span></div>
It works, a full page width lime line with some left aligned text and some right aligned text and the background color all the way across, but is it right?