Style Sheet Help

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Mick Walker - 28 Sep 2007 12:35 GMT

I am totally new, never done any CSS (ok a tiny bit) before, so please
bear with me....

I have been looking at the following:
http://www.brainjar.com/css/positioning/absolutedemo.html

And am now wondering, how could I make DIV A1 appear 10px from the top
left hand corner of DIV A, whatever DIV A's position is set to?

I've been playing about a little but so far had no luck.

Reply to this Message

Safalra - 28 Sep 2007 16:06 GMT

> [...]
> I have been looking at the following:
> http://www.brainjar.com/css/positioning/absolutedemo.html
>
> And am now wondering, how could I make DIV A1 appear 10px from the top
> left hand corner of DIV A, whatever DIV A's position is set to?

I assume that by 'position' you mean the CSS property rather than the
on-screen position? Just set DIV A1's top and left to 10px rather than
150px and make sure that DIV A establishes a new containing block (for
example, by using position:relative). Information on containing blocks can
be found here:

http://www.w3.org/TR/CSS21/visudet.html#containing-block-details

Signature

Safalra (Stephen Morley)
http://www.safalra.com/hypertext/html/

Reply to this Message

Gus Richter - 28 Sep 2007 21:27 GMT

> I assume that by 'position' you mean the CSS property rather than the
> on-screen position? Just set DIV A1's top and left to 10px rather than
> 150px and make sure that DIV A establishes a new containing block (for
> example, by using position:relative).

By using position:relative, fixed or absolute as in the OP's example.
Per 4. in the below given link.

> Information on containing blocks can
> be found here:
>
> http://www.w3.org/TR/CSS21/visudet.html#containing-block-details

Signature

Gus

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / September 2007

Style Sheet Help