Re: [css-d] Using floats for tables
Georg wrote: On 15.05.2012 17:36, Yolanda Aguirre wrote: Aside: I see no point in using divs and other elements to simulate table-layout in your case. The content you have in there can easily be classified as _tabular data_, which calls for a proper _HTML TABLE_. But ... what HTML elements you choose to use is not a CSS problem :-) I'd go a step further and say the pricelists should/must be marked as proper tables. With the current markup there is no connection between one item and it's price in non-visual browsers and looking at it with increased font-size. I find this problem quite often and its pretty annoying. greetings Susanne -- http://sujag.de - Webentwicklung und -beratung susjae...@sujag.de Christinenstr. 36, 10119 Berlin, Tel: 030 - 443 241 73 __ css-discuss [css-d@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] Using floats for tables
Georg wrote: Aside: I see no point in using divs and other elements to simulate table-layout in your case. The content you have in there can easily be classified as _tabular data_, which calls for a proper _HTML TABLE_. I confess that I had expected to find that to be the case, but when I came to look at the rendered page, I found that it was indeed /not/ a table (/qua/ table) but was instead a multi-column design. The individual columns could arguably qualify for being regarded as (one-column) tables, but the three columns taken as a whole could not (IMHO, of course). Philip Taylor __ css-discuss [css-d@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] Using floats for tables
Hi, I created a web site for a friend of mine. There's a Services page that has a listing. Since I know tables aren't used as much anymore I decided to use floats. I've validated my site for html and css and it's passed except for the gradient code in the css. I've gone to BrowserLab and tested this page and it looks as intended in all but IE 6 7. I don't know how to fix this and wondered are there that many users still with those versions? Have I created the code incorrectly? The rest of the site is fine. It's only this page. http://www.blossombeautylounge.com/services/index.html Your help is appreciated. Yolanda __ css-discuss [css-d@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] Using floats for tables
On 15.05.2012 17:36, Yolanda Aguirre wrote: I've gone to BrowserLab and tested this page and it looks as intended in all but IE 6 7. http://www.blossombeautylounge.com/services/index.html It's your clearing that disturb those old buggers. Delete 'clear: right' on the following 4 elements... .table, .table-left, .table-right, .table-left2 ...or change it to 'clear: none', and IE6/7 are likely to behave themselves. Other browsers don't need clearing on those elements either, as those floats stack naturally as is. I have no idea how many who use those versions, other that IE6 is below the 1% mark in the US. Aside: I see no point in using divs and other elements to simulate table-layout in your case. The content you have in there can easily be classified as _tabular data_, which calls for a proper _HTML TABLE_. But ... what HTML elements you choose to use is not a CSS problem :-) regards Georg __ css-discuss [css-d@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] Using floats for tables
Georg! Thank you so much for your help. It works properly now! I tested it in BrowserLab and it looks good. I knew I used too many divs but wasn't sure how to approach it and didn't know about _tabular data_ but I'll read up on it and see how to streamline the listing. Regards, Yolanda On May 15, 2012, at 6:43 PM, Georg wrote: On 15.05.2012 17:36, Yolanda Aguirre wrote: I've gone to BrowserLab and tested this page and it looks as intended in all but IE 6 7. http://www.blossombeautylounge.com/services/index.html It's your clearing that disturb those old buggers. Delete 'clear: right' on the following 4 elements... .table, .table-left, .table-right, .table-left2 ...or change it to 'clear: none', and IE6/7 are likely to behave themselves. Other browsers don't need clearing on those elements either, as those floats stack naturally as is. I have no idea how many who use those versions, other that IE6 is below the 1% mark in the US. Aside: I see no point in using divs and other elements to simulate table-layout in your case. The content you have in there can easily be classified as _tabular data_, which calls for a proper _HTML TABLE_. But ... what HTML elements you choose to use is not a CSS problem :-) regards Georg __ css-discuss [css-d@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-discuss [css-d@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/