Why is right column not aligned with left?

[Dan V.]

Does anyone have any idea why the right column is not aligned with the left
column? It is much lower from the top.

Please comment: http://officeactivate.com/newest/test.shtml

Is it because of the absolute positioning?

thanks for any tips.

[Els]

Dan V. wrote:

Does anyone have any idea why the right column is not aligned with the left
column? It is much lower from the top.

Please comment: http://officeactivate.com/newest/test.shtml

Is it because of the absolute positioning?

Didn't check your stylesheet, but your first element inside that right
hand column is a <p>. The space you see above the white area is
probably the margin-top of the <p> element. I'm guessing that if you
set a border-top for the right column, the white area will extend to
encompass this margin, and thus be level with the left column.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Jim Moe]

Dan V. wrote:

Does anyone have any idea why the right column is not aligned with the left
column? It is much lower from the top.

Please comment: http://officeactivate.com/newest/test.shtml
Had you validated the page you would have found the problem. There is a
trailing backslash after <doctype>.
Why use HTML Transitional? It was meant only as a temporary spec for
converting legacy pages to HTML v4. Use HTML Strict.

Also:
In #rh_col get rid of position:relative, top:, and left:. Adjust
margin-top (about 180px, or 14em) to align with #lh_col.
Is it because of the absolute positioning?

There is no reason to use position:absolute on the header. And a
float:left for #lh_col would work as well.
Instead of using px to set the top coord for the divs, use ems. The
positioning then scales with changes in font size.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[Dan V.]

"Jim Moe" <jm***************@sohnen-moe.com> wrote in message
news:i9******************************@giganews.com ...

Dan V. wrote:

Does anyone have any idea why the right column is not aligned with the
left
column? It is much lower from the top.

Please comment: http://officeactivate.com/newest/test.shtml

Had you validated the page you would have found the problem. There is a
trailing backslash after <doctype>.
Why use HTML Transitional? It was meant only as a temporary spec for
converting legacy pages to HTML v4. Use HTML Strict.

Also:
In #rh_col get rid of position:relative, top:, and left:. Adjust
margin-top (about 180px, or 14em) to align with #lh_col.

Is it because of the absolute positioning?

There is no reason to use position:absolute on the header. And a
float:left for #lh_col would work as well.
Instead of using px to set the top coord for the divs, use ems. The
positioning then scales with changes in font size.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

I validated the page with Macromedia Dreamweaver 2004 MX, but it didn't
catch it. Do you have another way to quickly validate an entire web site?
The reason I used absolute positioning is because it is for Search Engine
Optimization. It is better to have the main content listed first, instead
of menus and headers ....
That is what I am trying to accomplish. But good point, I never much like
using absolute positioning.

I also feel like an idiot because the stylesheet was pointing to "new" not
"newest"... Ooops!

Thanks for all the tips everyone, it seems to work now.

[Dan V.]

"Dan V." <[e-mail]> wrote in message
news:-r********************@golden.net...

Does anyone have any idea why the right column is not aligned with the
left column? It is much lower from the top.

Please comment: http://officeactivate.com/newest/test.shtml

Is it because of the absolute positioning?

thanks for any tips.

Maybe this is not possible, but this is what I am trying to do first of all
before I do scaleable, more compliant CSS.

1) Have the text content in right column listed first in page source code
for SEO, before banner and left column
2) Have the banner image fixed at the top, so when you decrease the size of
the window it does not wrap
3) Have the top nav menu and banner text wrap though
4) Have the left column a fixed width and the right column stretch to window
size.

I don't have this yet, as I am trying to use absolute positioning for the
left column and that is messing me up. I tried a float left but it always
appears under the right-column block.

Any tips? http://www.officeactivate.com/newer/test.shtml

thanks.