Re: [css-d] SOLVED: Now-Safari broken Was-background images missing in IE
Philippe Wittenbergh wrote: This only seems to affect list-items (li) with a transitional doc type or in quirks mode. Transitional http://dev.l-c-n.com/safari/padding-inline2.php Strict http://dev.l-c-n.com/safari/padding-inline.php Konqueror 3.5.1 also clips partly when using a strict doctype. Thank you for clarifying. My Tidy kicked in, moved it to strict. Are implementors free to do so with transitional doctype, or is it a bug? Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] SOLVED: Now-Safari broken Was-background images missing in IE
Fixed after reading this tutorial: http://www.456bereastreet.com/archive/200501/ turning_a_list_into_a_navigation_bar/ added float: right; width: 100%; to #navcontainer and float:left; width:auto; to #navlist li I'm still unclear why some browsers support padding-top on the inline li but Safari doesn't. Is this a bug or is Safari just more strict? Does it make sense that it would except horizontal padding but not vertical padding? And as an aside - fishing around on the net and visiting bulletin boards highlights the high quality of information available on this list. Thanks everyone. -Christy On Apr 21, 2006, at 11:08 AM, Christy Collins wrote: Now there's one last thing. Safari doesn't like it. It didn't like it before either, so this fix didn't break it. We have a heap of Safari users. ... http://ee.berkshireradio.org/index.php/main/test/ -Christy Found this on a bulletin board: the display: inline on safari does not let you use padding or height or anyting to adjust the height of the box but no fix or resolution was posted - at least not one that didn't involve tables. Can anyone verify if this is true? Is there any fix? -Christy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] SOLVED: Now-Safari broken Was-background images missing in IE
Christy Collins wrote: I'm still unclear why some browsers support padding-top on the inline li but Safari doesn't. Is this a bug or is Safari just more strict? Does it make sense that it would except horizontal padding but not vertical padding? I cannot verify this. The local testcase I made with the scrapbook extension from your initial file regarding the IE problem did not show any problem in my copy of Safari 2.0.3 Here is a version I made for IE: http://www.satzansatz.de/cssd/tmp/20060421004039/index.html As long as you are speaking of the padding-top of 22px in #navlist li, this seems to be no problem here. I see the yellow small images within the padding. (I am aware of that scrapbook does some rearrangement of the shorthand property values.) Here a red bordered div containing a simple pink span with a padding-top of 50px and a bg-image http://www.satzansatz.de/cssd/tmp/20060421004039/index.html But I might have missed something. Anyway, it would be easier to search for fixes if you would leave the version you are providing with your question unchanged. Debugging a moving target is no fun. And others who might read the digest (like me a while ago) wonder about what the author is speaking of. No real problem here, though. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] SOLVED: Now-Safari broken Was-background images missing in IE
Sorry Here a red bordered div containing a simple pink span with a padding-top of 50px and a bg-image http://www.satzansatz.de/cssd/tmp/20060421004039/inlinepadding.html Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] SOLVED: Now-Safari broken Was-background images missing in IE
The difference between your version and mine is the doctype http://ee.berkshireradio.org/test_strict.html http://ee.berkshireradio.org/test_transitional.html Sorry about the moving target - I should have added the css to the test file I originally made. I spent much of my day working on this and found several references to a lack of support for vertical padding on inline elements in Safari - but no solutions. -Christy (who is now going to stop being such a wimp and change her doctype to strict) On Apr 21, 2006, at 5:43 PM, Ingo Chao wrote: Christy Collins wrote: I'm still unclear why some browsers support padding-top on the inline li but Safari doesn't. Is this a bug or is Safari just more strict? Does it make sense that it would except horizontal padding but not vertical padding? I cannot verify this. The local testcase I made with the scrapbook extension from your initial file regarding the IE problem did not show any problem in my copy of Safari 2.0.3 Here is a version I made for IE: http://www.satzansatz.de/cssd/tmp/20060421004039/index.html As long as you are speaking of the padding-top of 22px in #navlist li, this seems to be no problem here. I see the yellow small images within the padding. (I am aware of that scrapbook does some rearrangement of the shorthand property values.) Here a red bordered div containing a simple pink span with a padding-top of 50px and a bg-image http://www.satzansatz.de/cssd/tmp/20060421004039/index.html But I might have missed something. Anyway, it would be easier to search for fixes if you would leave the version you are providing with your question unchanged. Debugging a moving target is no fun. And others who might read the digest (like me a while ago) wonder about what the author is speaking of. No real problem here, though. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] SOLVED: Now-Safari broken Was-background images missing in IE
On Apr 22, 2006, at 11:32 AM, Christy Collins wrote: The difference between your version and mine is the doctype http://ee.berkshireradio.org/test_strict.html http://ee.berkshireradio.org/test_transitional.html Sorry about the moving target - I should have added the css to the test file I originally made. I spent much of my day working on this and found several references to a lack of support for vertical padding on inline elements in Safari - but no solutions. This only seems to affect list-items (li) with a transitional doc type or in quirks mode. Transitional http://dev.l-c-n.com/safari/padding-inline2.php Strict http://dev.l-c-n.com/safari/padding-inline.php Konqueror 3.5.1 also clips partly when using a strict doctype. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/