Re: [css-d] display: table-cell --- why?
Rolf Mortenson wrote: Okay... so I recently posted this test page with a different problem, but I wonder if this would have benefited from display: table-cell or it's brethren? http://www.monkeypuzzle.net/testfiles/html_test_gc3/test5.html Actually, this would have benefited most from an actual table. The CSS display:table-cell is meant to mimic the display properties of a table cell, but without actually having the table semantics at the markup level. So why would you do that? Table cells in traditional HTML have been granted some unique properties. They have the ability to vertically center content with relative ease, for example, something that can be difficult to accomplish using other display types. And they have the ability to expand based on the content of adjacent elements, something you would otherwise need a direct container to accomplish. And, as someone already mentioned in the thread, they have the ability to style arbitrary XML elements and make them behave as tables. But the key in using display: table-* is that you need table-like display properties without wanting to have table-like semantics for people/machines that don't get or use the styling information. In other words, there are times when those properties can be very handy, but it isn't that often. Most of the time, when you want to see a table, you want to actually have a table in the structure, too. And there is also the difficulty that while display: table-cell and its siblings could be useful in certain places in the real world, they actually aren't, simply because the vast majority of the population uses a browser that doesn't support those values. Maybe soon. -Adam Kuehn __ 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/
[css-d] display: table-cell --- why?
I posed this question on another thread, but as Micky wisely pointed out, that be hijackin' a thread... so... Could someone please explain the use of display:table-cell? I can never seem to get my brain around the how's and why's Like, why wouldn't you use a table instead of using divs that act like tables and table cells? I'm just trying to find that aha! moment where the purpose and intent of this style crystalizes. thanks! __ 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] display: table-cell --- why?
... Could someone please explain the use of display:table-cell? I can never seem to get my brain around the how's and why's Like, why wouldn't you use a table instead of using divs that act like tables and table cells? ... Because when you change your mind and don't want that table behaviour any more you do not need to remove tables from your HTML - only to change your CSS file. Of course, if you are dealing with tabular data then fiddling with divs does not make much sense. Regards, Rimantas -- http://rimantas.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] display: table-cell --- why?
On 07/12/05, Rolf Mortenson [EMAIL PROTECTED] wrote: Like, why wouldn't you use a table instead of using divs that act like tables and table cells? It's so that you can have all the advantages of a table style layout (easy multi-column layouts, footers that clear all of the columns, full-length backgrounds, etc), with all of the advantages of semantic html (accessibility, SEO, degrading to small-screen / print devices, etc). -- Olly http://thinkdrastic.net/ __ 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] display: table-cell --- why?
On 07/12/05, Rimantas Liubertas [EMAIL PROTECTED] wrote: Of course, if you are dealing with tabular data then fiddling with divs does not make much sense. Oh of course. If you're working with tabular data, use a table element. It's common sense :) -- Olly http://thinkdrastic.net/ __ 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] display: table-cell --- why?
Could someone please explain the use of display:table-cell? Simply put (be careful, because the explanation is s simple it may be confusing), it's the display property of table-cells. It may very well be that no other element will ever need to have that property applied to it but table cells need to have it applied and it is around to be applied to other elements if anybody ever finds a use for it. Like, why wouldn't you use a table instead of using divs that act like tables and table cells? You're right because tables and their child elements are already there for you so use those. If you want to tinker around and apply the 'table-cell' property then go for it. If you don't need it, then don't bother. Christian http://www.christianziebarth.com/ ___ Try the New Netscape Mail Today! Virtually Spam-Free | More Storage | Import Your Contact List http://mail.netscape.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] display: table-cell --- why?
Any thoughts on the CSS compatibility/browser support of display: table-cell;? If you use it, should you also be thinking about adding filters to other browsers that do not understand it? Thanks. :) M -- ¸.·´¯`·.¸¸(((º`·.¸¸.·´¯`·.¸¸º ·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸º `·.¸¸º¸.·´¯`·.¸¸º __ 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] display: table-cell --- why?
Rolf Mortenson wrote: Could someone please explain the use of display:table-cell? I can never seem to get my brain around the how's and why's Like, why wouldn't you use a table instead of using divs that act like tables and table cells? Here's another reason that hasn't been pointed out yet: CSS isn't all about HTML. CSS is in theory capable of giving presentation attributes to any kind of data model that consists of nodes (elements) arranged as a tree, with attributes associated with these nodes. You can style your arbitrary XML with it, for example. All you need is a way to connect the CSS to the tree. For XML, this happens through the xml-stylesheet PI. Just put this at the top of an XML file: ?xml-stylesheet href=css source type=text/css? Mozilla, among others, will then display the results of styling the XML. There's just one rule predefined: every element has display:inline. If your custom XML contains a table-like structure, you can use the table-* display values to instruct the UA to display that stuff as a table. Sebastian Redl __ 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] display: table-cell --- why?
Rolf Mortenson wrote: Could someone please explain the use of display:table-cell? I can never seem to get my brain around the how's and why's Like, why wouldn't you use a table instead of using divs that act like tables and table cells? Choan C. Gálvez posted this nice example of a full width navigation bar to css-d: http://dizque.lacalabaza.net/temp/full-width-navigation-bar-with-css.html Ingo -- http://www.satzansatz.de/css.html __ 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/