Place a box at the topright

[Abs]

Hi!

I need to place two boxes in my site. One at the top left border and
the other at the top right border. I have no problem with the top left
one, but I'm not able to place the top right one, it doesn't appear.
These are the CSS rules I'm using:

..topleft {
position: absolute;
top: 0px;
left: 0px;
width: 60px;
height: 60px;
border-style: solid;
border-color: #76725E;
border-width: 1px;
background-color: #ffffff;
}

..topright {
position: absolute;
top: 0px;
bottom: auto;
left: auto;
right: 100%;
width: 60px;
height: 60px;
border-style: solid;
border-color: #76725E;
border-width: 1px;
background-color: #ffffff;
}
What am I doing wrong ? Anyone can help me on this, please ?
Thanks in advance

[Mark Tranchant]

Abs wrote:

Hi!

I need to place two boxes in my site. One at the top left border and
the other at the top right border. I have no problem with the top left
one, but I'm not able to place the top right one, it doesn't appear.
These are the CSS rules I'm using:

.topright {
position: absolute;
top: 0px;
bottom: auto;
left: auto;
right: 100%;
width: 60px;
height: 60px;
}

What am I doing wrong ? Anyone can help me on this, please ?

You're trying to place it at 100% of the available space from the right,
otherwise known as "far left".

Get rid of the bottom and left properties, and use right: 0px;

--
Mark.
http://tranchant.plus.com/

[Abs]

Mark Tranchant wrote:

You're trying to place it at 100% of the available space from the right,
otherwise known as "far left".

Get rid of the bottom and left properties, and use right: 0px;

Thank you very much, it makes sense !