[css-d] border of relatively positioned container div ignores contained absolutely positioned div

[Michael Leibson]

Greetings;

It's amazing how much CSS one can forget in a few months!   I'm sure there's a 
very simple answer to this -- but I've forgotten it!  

My containing div has a border.  It also contains three other divs:  two that 
are within the normal flow, and one (class=rightside) that is absolutely 
positioned.  Rather than figuring the absolutely-positioned div in its own 
border calculations, the containing div's border ignores it.  

1) Why?

2) The proper way around this CSS fact-of-life?

Here's where you can see the problem, and the css behind it:  
http://members.distributel.net/~leibson/tests/border_problem.html

Many thanks, in advance.

- Michael


  __
Ask a question on any topic and get answers from real people. Go to Yahoo! 
Answers and share what you know at http://ca.answers.yahoo.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] border of relatively positioned container div ignores contained absolutely positioned div

[Gunlaug Sørtun]

Michael Leibson wrote:

 It's amazing how much CSS one can forget in a few months!   I'm sure 
 there's a very simple answer to this -- but I've forgotten it!

Happens at times.

 My containing div has a border.  It also contains three other divs: 
 two that are within the normal flow, and one (class=rightside) that
  is absolutely positioned.  Rather than figuring the 
 absolutely-positioned div in its own border calculations, the 
 containing div's border ignores it.
 
 1) Why?

You mean: absolute positioned elements take up no layout-space ?

Well, they don't, so the .rightside element has no impact on
.container's dimensions, and will overflow.

 2) The proper way around this CSS fact-of-life?

We would most often float .rightside and _contain_ the float. Maybe this
way...

http://www.gunlaug.no/tos/alien/ml/test_08_0912.html

 http://members.distributel.net/~leibson/tests/border_problem.html

BTW: is it your intention to trigger quirks mode in all browsers...

http://hsivonen.iki.fi/doctype/

...or did you just paste in the wrong doctype declaration for this
test-page by mistake? Mode will affect a few things - especially in
IE/win, but doesn't affect how A:P works.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/