Help/advice needed with layout vs screen res

Question

so i'm working on a website which is looking like this:
the css looks like this:
@charset "UTF-8";
body  {
margin: 0;
padding: 0;
text-align: left;
color: #000000;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
background-color: #FFF;
.twoColFixLtHdr #container {
width: 780px; 
background: #FFFFFF;
margin:0 auto;
text-align: left;
.twoColFixLtHdr #header {
margin: 0;
background: #FFFFFF;
padding: 0 0px 0 0px;
.twoColFixLtHdr #header h1 {
margin: 0;
padding: 0px 0;
.twoColFixLtHdr #sidebar1 {
float: left;
width: 334px;
background: #FFFFFF;
padding: 0px;
height: 480px;
.twoColFixLtHdr #mainContent {
margin: 0 0 0 334px;
padding: 0 7px;
.twoColFixLtHdr #footer {
background:#FFFFFF;
width: 250px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 0px;
.twoColFixLtHdr #footer p {
margin: 0;
padding: 10px 0;
.fltrt {
float: right;
margin-left: 8px;
.fltlft {
.clearfloat {
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
a:link {
font-family: "Courier New", Courier, monospace;
font-size: 12px;
color: #000;
text-decoration: none;
margin: 0px;
padding: 0px;
a:visited {
font-family: "Courier New", Courier, monospace;
font-size: 12px;
color: #000;
text-decoration: none;
margin: 0px;
padding: 0px;
a:hover {
font-family: "Courier New", Courier, monospace;
font-size: 12px;
color: #F00;
margin: 0px;
padding: 0px;
problem is, I don't want viewers to have to vertical scroll on any of the pages, I want the left hand address to always be visible at the bottom of the screen/page and I want the last line of text on in the right bar to line up with the bottom line of the address on the left. I know this isn't the easiest thing to control (due to browser compatibility) but i'm seeking advise for the best compromise/solution.
At the moment, i'm staying safe with a 800 x 600 px page. but to attempt to squeeze the content on the right into a space less than 600px high makes the text too small to read. Was thinking of going up to 1024 x 768 px but am worried that this will lead to vertical and horizontal scrolls.
I am currently using a fixed layout. I have looked into experimenting with elastic and liquid layouts but, and here's the real bind, I want the text content in the right hand bar to line up with the images in the navigation bar!! Am I right in thinking that with relative formats the images don't change it's just the text?

Answer 1

Abe Lincoln said, "you can please all of the people some of the time and some of the people all of the time but you can't please all of the people all of the time." He should have been a web designer.
To achieve the pixel perfect precision you're after, you'll need to build your pages entirely with images.  Seriously, you can't control where things line up if the end user's settings are not exactly like your own.  So don't go there.
Identify your target audience.  Desktop/laptops mostly use 1024 - 1280 wide displays.
Google labs - Browser Size
http://browsersize.googlelabs.com/
Excessive horizontal scrolling to see a page is bad practice but vertical scrollbars are perfectly acceptable, and expected by site visitors. You're not doing anybody any favors by making your pages a fixed height. Depending on which toolbars people have opened in their browsers, you may find that 90% of your site visitors are seeing scrollbars anyway.
I want the left hand address to always be visible at the bottom of the screen/page
Use a fixed division.  See Sticky Demos below.
http://alt-web.com/DEMOS/CSS2-Sticky-Text.shtml
http://alt-web.com/DEMOS/CSS2-Sticky-Footer.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com