alignment question

[J]

I have an area at the top of my web app where I want a banner img to stay to
the left, and I want a logout link to stay to the right. If the browser
window is resized, I want the logout link to continue to be visible on the
right.

The following is what I've sketched so far. Because there is no defined
width to the banner, nesting the logoutblock inside of it only puts my link
overlapping the right side of the image.

..banner
{
position: absolute;
top: 0;
left: 75px;
height: 83px;
}

..logoutblock
{
position: absolute;
top: 7px;
right: 8px;
}

Thanks.

[dorayme]

Re: alignment question

In article
<2ISdnVkuvoYOts zVnZ2dnUVZ_tDin Z2d@posted.nuvo xcommunications >,
"J" <nobody@nowhere .comwrote:

I have an area at the top of my web app where I want a banner img to stay to
the left, and I want a logout link to stay to the right. If the browser
window is resized, I want the logout link to continue to be visible on the
right.
>
The following is what I've sketched so far. Because there is no defined
width to the banner, nesting the logoutblock inside of it only puts my link
overlapping the right side of the image.
>
.banner
{
position: absolute;
top: 0;
left: 75px;
height: 83px;
}
>
.logoutblock
{
position: absolute;
top: 7px;
right: 8px;
}
>

Why not try

..banner {float: left;}
..logoutblock {float: right;}

--
dorayme