Re: [css-d] Fixed or float?
Bobby Jack wrote: --- On Thu, 7/16/09, Alan Gresley a...@css-class.com wrote: Bobby Jack wrote: ... and an appropriate z-index :) None is required for position: fixed. You're positioning, not layering (altering the paint order). Not if there's a relatively-positioned element on the page, in my experience: http://www.fiveminuteargument.com/fixed-position-z-index Is this a bug or expected behaviour? - Bobby Hello Bobby, This is indeed expected. You are partly correct and thank you for catching me out. I never considered that the original poster (Ellen) had anything else positioned. The behavior which you have linked to is demo'd here. http://css-class.com/test/css/visformatting/layers/pos-ab-and-pos-rel-layer1.htm By changing the source order of the HTML alone will paint the flow of elements differently. http://css-class.com/test/css/visformatting/layers/pos-ab-and-pos-rel-layer2.htm Source ordering (visually layering / painting) can be achieved without any absolute positioning or z-index. http://css-class.com/test/css/shadows/source-ordered-box-shadow.htm Absolute or fixed positioning establishes a new 'Block Formating Context' [1]. Relative positioning establishes a 'Containing Block' and in some cases a new 'Block Formating Context' [2] [3]. None of this changes the painting order (layer) which is painted by order of the flow. Z-index creates a new 'Stacking Context' [4]. You are confusing this with the natural painting order generated by elements in the normal flow. 1. http://www.w3.org/TR/CSS21/visuren.html#block-formatting 2. http://www.w3.org/TR/CSS21/visuren.html#containing-block 3. http://www.w3.org/TR/CSS21/visuren.html#relative-positioning 4. http://www.w3.org/TR/CSS21/visuren.html#layers BTW, I, others on this list and those on the CSS working group list tackled such terms as 'painting order', 'stacking order', 'stacking context' and 'block formatting context' in 2007 (I'm still somewhat confused). Ingo Chao seemed to have visualized this stacking / painting dilemma quite well and I guess what is in the spec regarding all this is just left as it is. Rewriting the specs to conform to how browsers handle this stacking / painting is a challenge that none have ventured near. Enough said. I will leave this to some else to explain better. ;-) -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] 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] Fixed or float?
2009/7/15 Ellen Heitman ellen.heit...@gmail.com: I have a table centered at the top of the page that I want to remain visible even when the page scrolls. However, I don't want to be able to see the text scrolling behind it. How do I fix this? Which position property would I use? position: fixed ... with a solid background colour. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ css-discuss [cs...@lists.css-discuss.org] 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] Fixed or float?
--- On Thu, 7/16/09, David Dorward dorw...@gmail.com wrote: 2009/7/15 Ellen Heitman ellen.heit...@gmail.com: I have a table centered at the top of the page that I want to remain visible even when the page scrolls. However, I don't want to be able to see the text scrolling behind it. How do I fix this? Which position property would I use? position: fixed ... with a solid background colour. ... and an appropriate z-index :) - Bobby __ css-discuss [cs...@lists.css-discuss.org] 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] Fixed or float?
Bobby Jack wrote: --- On Thu, 7/16/09, David Dorward dorw...@gmail.com wrote: 2009/7/15 Ellen Heitman ellen.heit...@gmail.com: I have a table centered at the top of the page that I want to remain visible even when the page scrolls. However, I don't want to be able to see the text scrolling behind it. How do I fix this? Which position property would I use? position: fixed ... with a solid background colour. ... and an appropriate z-index :) - Bobby None is required for position: fixed. You're positioning, not layering (altering the paint order). -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] 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] Fixed or float?
--- On Thu, 7/16/09, Alan Gresley a...@css-class.com wrote: Bobby Jack wrote: ... and an appropriate z-index :) None is required for position: fixed. You're positioning, not layering (altering the paint order). Not if there's a relatively-positioned element on the page, in my experience: http://www.fiveminuteargument.com/fixed-position-z-index Is this a bug or expected behaviour? - Bobby __ css-discuss [cs...@lists.css-discuss.org] 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] Fixed or float?
On Jul 17, 2009, at 5:35 AM, Bobby Jack wrote: Not if there's a relatively-positioned element on the page, in my experience: http://www.fiveminuteargument.com/fixed-position-z-index Is this a bug or expected behaviour? That is the expected behaviour. CSS2.1:Appendix E has all the details. In short, the DIV without z-index (z-index:auto per definition) and the UL are both at the same stacking level (both are positioned, both have z-index:auto). Because the UL comes later in the source, it is painted/layered on top. Note that IE 6 7 do all kind of crazy things with stacking levels. If you use those browsers to test your page, results may not be consistent with the spec (cough, cough, how's that for a polite sentence ?). Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] 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/
[css-d] Fixed or float?
I have a table centered at the top of the page that I want to remain visible even when the page scrolls. However, I don't want to be able to see the text scrolling behind it. How do I fix this? Which position property would I use? __ css-discuss [cs...@lists.css-discuss.org] 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] Fixed or float?
I have a table centered at the top of the page that I want to remain visible even when the page scrolls. However, I don't want to be able to see the text scrolling behind it. How do I fix this? Which position property would I use? If I'm understanding the problem right, you need a combination. You need to use position: fixed to keep the table from moving. and then you need to specify a background color of some sort, so that the text doesn't show through. something like: table { position: fixed; background-color: white; } ---Tim __ css-discuss [cs...@lists.css-discuss.org] 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/
[css-d] Fixed and Float
Hi List Members :: Any particular reason NOT to assign both position: fixed AND float to a div? -Craig Snyder WEBSITES: THE EMPTY HEAD at: www.atgig.com/mightyhead/ RUMBLE at: http://rumble.sy2.com/ CSS FLOW at: dukeofblog.blogspot.com ETHEREAL CODE at: etherealcode.blogspot.com __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fixed and Float
Craig Snyder wrote: Hi List Members :: Any particular reason NOT to assign both position: fixed AND float to a div? Yes. They mean two completely different things. Some basic tutorials might help. See: http://www.westciv.com/style_master/house/index.html or: http://www.w3schools.com/css/default.asp -- Bob Easton Accessibility Matters: http://access-matters.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/