The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Keeping Text Aligned on Different Screens

I am a novice, and put together a website for my wife. It consists of a lot of photos, and at the bottom of each page have next, back, home, etc.. How do I keep this text in one line when viewed on other PC's, monitors, etc..

I put the site together using a 22 inch wide screen, and it looks great, but on others...not so great.

You were all a help in the past with this project, and hope you can help with this question. Happy Thanksgiving.

Below is a pretty simple example of what you are trying to do. Essentially I am floating the different text elements left and right, and placing a left and right margin on the left-most and right-most elements. Notice that when you float elements right, it is the first element that you float which appears in the right-most position (not sure if I made any sense....). Here you go:
<div id="footer" style="position:absolute; bottom:0px; left:0px; width:100&#37;;">
<span style="position:relative; top:0px; left:0px; margin-left:20px; margin-right:20px; float:left;">Home</span>
<span style="position:relative; top:0px; left:0px; float:left;">Back</span>

Barnum, it's not possible (to put it simply), you cannot guarantee (nor should you want to) that a website will look the same across every browser and set of circumstances, for example there is no way that you would be able to line up all the images on a handheld device (which will only have a very small screen of a few inches) - with exception of devices like the iPhone that support "panel zooming". Based on the URL you posted it's about as good as you are going to get in terms of scaling resolutions on a single line rather than trying to force everything to appear in a row which would force horizontal scrolling to occur.

On top of the ones Max has suggested it might also be worth checking out a book like Designing with Web Standards (Jeffrey Zeldman) or the Zen of CSS Design (Dave Shea), both tackle the subject of design as well as simply learning how to code, which will be very useful in any future projects you undertake.