Re: [css-d] OS Specific CSS?
In this case, a reset sheet is not an option. I'm inserting new, standards based code into a legacy, (deeply nested) table-based layout. It would play havoc with the pages on which I'm working. But ... I could try resetting the specific elements, and see what effect that has. Thanks Tom and Stuart. -- Marc Luzietti absynthe minded web smithes http://www.absynthe.us/ 954.496.0162 On Fri, Jul 16, 2010 at 9:27 AM, Tom Livingston tom...@gmail.com wrote: Do you use a reset sheet? Maybe this could help you? On Thu, Jul 15, 2010 at 4:51 PM, absynthe minded web smithes absyn...@gmail.com wrote: Is there a way to target styles to specific OS's? FF for Mac and FF for Windows have slight differences in how they handle legends, fonts, and other little things I have yet to discover. I've also noticed little differences in Webkit browsers. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] OS Specific CSS?
Is there a way to target styles to specific OS's? FF for Mac and FF for Windows have slight differences in how they handle legends, fonts, and other little things I have yet to discover. I've also noticed little differences in Webkit browsers. Other than using JS or server side sniffers. -- Marc Luzietti absynthe minded web smithes http://www.absynthe.us/ 954.496.0162 __ 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] Styling Legend in IE6
I'm trying to get the legend to fill the whole left side of the fieldset. The form elements appear on the right. I've got this to work in Webkit, Mozilla, and IEs 7 8. We're using the jQuery CurveyCorners plugin to round the corners in IE, Dean Edwards IE9, and Keith Clark's ie-css3.js to make IE behave like a modern browser. IE 6 is having none of it. I tried putting the text inside spans inside the legend, and that didn't work either. I know that if I give the legend elements specific heights, it will work, but the field sets will have different heights depending on what's in them, and we're trying to avoid using classes and id all over the place. Is there a better way, or do I have to hard code the height? fieldset legendDocumentation Preferences: a href=#img src=img/cor_info_ico.jpeg alt=Click here for more information //a/legend p input type=radio checked=checked value= id=sendDocumentType1 name=sendDocumentType1 / label for=sendDocumentType1Paper Documents/label span input type=radio id=sendDocumentType2 name=sendDocumentType2 / label for=sendDocumentType2e-Docs/label /span label for=send_optionsSend to:/label select id=send_options name=send_option option value=Travel Agency selected=selectedTravel Agency/option option value=GuestGuest/option /select/p /fieldset #action_section fieldset { background:#eef9fe; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:5px 0; position:relative; } #action_section legend { background:#ddecf6; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; color:#369; display:block; font-weight:bold; height:100%; line-height:3; padding:0 0 0 5px; position:absolute; width:180px; } * html #action_section legend { padding-top:10px; } -- Marc Luzietti absynthe minded web smithes http://www.absynthe.us/ 954.496.0162 __ 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] Styling Legend in IE6
On Wed, May 26, 2010 at 11:39 AM, Thierry Koblentz n...@tjkdesign.com wrote: IE 6 is having none of it. I tried putting the text inside spans inside the legend, and that didn't work either. I know that if I give the legend elements specific heights, it will work, but the field sets will have different heights depending on what's in them, and we're trying to avoid using classes and id all over the place. Is there a better way, or do I have to hard code the height? If it works when you give it a specific height, it may be because it needs to have a layout. In this case, you could style legend with zoom:1 or: * html legend {height: 0;} -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz Thanks, Theirry. It does not seemed to have worked, however. If it weren't for the curvy corners, the one true layout trick would work. -- Marc Luzietti absynthe minded web smithes http://www.absynthe.us/ 954.496.0162 __ 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] Equal Height Columns with CSS border-radius
Can it be done? I've been playing around for a bit now. I've tried using the One True Layout, but that cuts off the bottom, and would require some extra, ugly markup, which we want to avoid. I've tried display:table, but that forces me to have an extra thick border between the two columns. If I set border-collapse:collapse, then the border-radius goes away. I tried using a negative margin, but that didn't work. Doing a border-left:none, makes part of the rounded corner go away. Here's the HTML and CSS for the section. div id=info_blocks div h3Group #: 3322589/h3 spanMoo/span /div div spanMoo/span /div /div #info_blocks { display:table; margin:6px 0 0; } #info_blocks div { border:1px solid #d8d8d8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:table-cell; padding:10px; } #info_blocks div:first-child { background:#fff9e7; margin:0 -10px 0 0; width:533px; } #info_blocks div:last-child { background:#fff8d0; width:169px; } -- Marc Luzietti absynthe minded web smithes http://www.absynthe.us/ 954.496.0162 __ 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] Table Cells Too Large in Some Versions of Firefox
The problem is it's a commercial app, and to see it you'd have to purchase a cruise. Now, maybe that's something you'd like to do, but I'm not in the habit of asking people to pay hundreds of dollars to help me. :-) We thought we found the problem, user defined font sizes (which is still a problem regardless), but as soon as people who saw the problem upgraded their versions of FF, the problem went away. So now I have even less of a clue, since I can't see the problem on *anyone's* machine. But it was there, so I'm sure a small group of our users are probably experiencing it. It has to be something user defined, because I wiped FF off my machine completely, even the registry entries. I installed FF 2.0.12, installed stand alone versions of 3.0.17 and 3.0.15, and I still didn't see it. Thanks anyway, everyone who responded. -- Marc Luzietti absynthe minded web smithes http://www.absynthe.us/ 954.496.0162 On Fri, Feb 19, 2010 at 7:40 AM, Philippe Wittenbergh e...@l-c-n.com wrote: On Feb 19, 2010, at 2:21 AM, absynthe minded web smithes wrote: I'm working on a hybrid table/css layout (legacy code). In some older versions of Firefox (we've seen the error in 3.0.16 and 3.5.7) on Windows XP, some table cells are about three times the height they should be (30px). It looks correct in all versions of IE, and in Chrome, and in FF3.6. On *my* pc, I cannot even replicate the error at all, regardless of which version of FF I use. Firebug doesn't show any obvious CSS that would give the cells 90px height. The children of the cells (spans) have no height properties. I was hoping that it was the standards mode issue with tables inside cells, but the dtd is transitional. I thought maybe JS might be doing this, but script added styles still show up ion Firebug. Since I can't even replicate it on my own PC, I can't experiment and fix it. But I've seen it on other PCs. What sort of thing might cause this? Since you don't provide a URL for the offending page(s), it will be very hard for any of us to debug or fix this :-). Just a wild guess: do the those rows contain floated elements? (and make sure you have validated your html pages) 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] Table Cells Too Large in Some Versions of Firefox
I'm working on a hybrid table/css layout (legacy code). In some older versions of Firefox (we've seen the error in 3.0.16 and 3.5.7) on Windows XP, some table cells are about three times the height they should be (30px). It looks correct in all versions of IE, and in Chrome, and in FF3.6. On *my* pc, I cannot even replicate the error at all, regardless of which version of FF I use. Firebug doesn't show any obvious CSS that would give the cells 90px height. The children of the cells (spans) have no height properties. I was hoping that it was the standards mode issue with tables inside cells, but the dtd is transitional. I thought maybe JS might be doing this, but script added styles still show up ion Firebug. Since I can't even replicate it on my own PC, I can't experiment and fix it. But I've seen it on other PCs. What sort of thing might cause this? -- Marc Luzietti absynthe minded web smithes http://www.absynthe.us/ 954.496.0162 __ 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/