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.

positioning - augh!

The main concern for me is the position of the address/phone numbers. It's supposed to fit just under the company logo on the right side (below the line). The secondary concern is the size of the text.

Problem:

The positioning looks different in Explorer 6, Netscape 7.1, Mozilla Firebird and Opera 7.2 (the worst!!). Now I understand that by (trying) to adhere to standards and create a tableless layout that the idea is that this will all display in many different environments (and quite likely look very different). So I'm not sure if the fact that the address is in different places is

1. the fault of each browser
2. just how it is

- or -

3. my error

The same goes for the size of the text. I know users can set defaults in their browsers, etc., I'm using 'em' for sizing but as I've read that this is the 'best' choice - but is it?

Totally open to comments and suggestions. Still getting my feet wet with css here.

Thanks!

Toni

Extra-Credit: the address sometimes appears way above the company name in internet explorer when all the other browsers show it well below (when I adjust the 'margin-top' value in the style sheet). I'm seriously wondering if it's my ineptitude..but I can't for the life of me figure it out...

Vinnie - thanks for the code. Would you mind explaining the reasoning behind the following a bit? Helps me understand better.

in #nav and #contact you took away the margins, and put in absolute positions

in caption, you took away the positioning altogether - in this case it doesn't matter too much since I don't want it to show anyway - but...

in UL you added padding and margin

I was trying to avoid using absolute or relative positioning, to just let things flow naturally - I thought I read that this was better, when possible?? I guess the problem is I don't (still!) know when to do it or when it's better to use relative or absolute positioning, as opposed to - what is it, static positioning?

I also don't understand why what I did didn't work, or if it could (without adding absolute or relative positioning).