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

Abs wrote:[color=blue]
>
> 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 ?[/color]

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/

Mark Tranchant wrote:[color=blue]
>
> 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;
>[/color]


Thank you very much, it makes sense !