Sign In | Register Now About Bytes | Help | Site Map
Connecting Tech Pros Worldwide

alignment question

Question posted by: J (Guest) on June 27th, 2008 07:19 PM
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's Avatar
dorayme
Guest
n/a Posts
June 27th, 2008
07:19 PM
#2

Re: alignment question
In article
<2ISdnVkuvoYOtszVnZ2dnUVZ_tDinZ2d@posted.nuvoxcommu nications>,
"J" <nobody@nowhere.comwrote:
Quote:
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

 
Not the answer you were looking for? Post your question . . .
190,473 Experts ready to help you find a solution.
Sign up for a free account, or Login (if you're already a member).

Latest Articles: Read & Comment
  • Didn't find the answer you were looking for?
    Post Your Question
  • Top Community Contributors