[css-d] IE 6+7, background image leakage thru margins
Greetings, I am trying to do some fancy branding to a page and am getting 'leakage' in IE. I have posted this problem to the following URL: http://www.junklogic.com/moneymakin/temp_box.html I would like to create basically a template of these rounded-cornered 'widgets' that developers can plug their data into. It's for a data dashboard for a agentless GUI for a hardware security appliance, so accessibility issues differ a bita little extra markup is ok, and thus I am doing the divdivdivdiv thing for each rounded corner. This was 'borrowed' from Cederholm's Bulletproof Web Design book. However, I cant assign background images to the content itself as written in the book, as the content is all conditional and dynamic. in the method i wrote this up, in IE, im getting a 'leakage' in the margin-bottom. In IE7, the leakage happens on the last box listed. I can add 15 of these boxes, and all will display fine except the last one. in IE6, all boxes display this leakage. If i add a float, the leakage goes away however the width is then auto'd in mozilla, something i'd like to avoid if possible. Is there a technique i can have these default to 100% width (i'd like to avoid declaring width's and heights if possible)? I figure i'm missing a couple vital root-level rules of CSS here, so any input is greatly appreciated. thanks. -Court __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE 6+7, background image leakage thru margins
Courtney Nielsen wrote: Greetings, I am trying to do some fancy branding to a page and am getting 'leakage' in IE. I have posted this problem to the following URL: http://www.junklogic.com/moneymakin/temp_box.html I would like to create basically a template of these rounded-cornered 'widgets' that developers can plug their data into. It's for a data dashboard for a agentless GUI for a hardware security appliance, so accessibility issues differ a bita little extra markup is ok, and thus I am doing the divdivdivdiv thing for each rounded corner. This was 'borrowed' from Cederholm's Bulletproof Web Design book. However, I cant assign background images to the content itself as written in the book, as the content is all conditional and dynamic. in the method i wrote this up, in IE, im getting a 'leakage' in the margin-bottom. In IE7, the leakage happens on the last box listed. I can add 15 of these boxes, and all will display fine except the last one. in IE6, all boxes display this leakage. If i add a float, the leakage goes away however the width is then auto'd in mozilla, something i'd like to avoid if possible. Is there a technique i can have these default to 100% width (i'd like to avoid declaring width's and heights if possible)? I figure i'm missing a couple vital root-level rules of CSS here, so any input is greatly appreciated. thanks. -Court Hi Court, I must admit I didn't study your page ( the underlying Bulletproof design), and how it can be made working. Forgotten! :-) Just diving into an alternative: * Testpage http://home.tiscali.nl/developerscorner/liquidcorners/corners-example-junklogic.htm In IE6 it is perfoming good, as it is in FF1.7 and Opera8.01. - IE7 I can't test. Success and greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE 6+7, background image leakage thru margins
Thank you! I see you've done quite a bit of studies on the rounded corners that help keep us all employed :) I am going to read your writings and try and integrate this into the app and will post my results. Thanks again for your help. -Court francky wrote: Courtney Nielsen wrote: Greetings, I am trying to do some fancy branding to a page and am getting 'leakage' in IE. I have posted this problem to the following URL: http://www.junklogic.com/moneymakin/temp_box.html I would like to create basically a template of these rounded-cornered 'widgets' that developers can plug their data into. It's for a data dashboard for a agentless GUI for a hardware security appliance, so accessibility issues differ a bita little extra markup is ok, and thus I am doing the divdivdivdiv thing for each rounded corner. This was 'borrowed' from Cederholm's Bulletproof Web Design book. However, I cant assign background images to the content itself as written in the book, as the content is all conditional and dynamic. in the method i wrote this up, in IE, im getting a 'leakage' in the margin-bottom. In IE7, the leakage happens on the last box listed. I can add 15 of these boxes, and all will display fine except the last one. in IE6, all boxes display this leakage. If i add a float, the leakage goes away however the width is then auto'd in mozilla, something i'd like to avoid if possible. Is there a technique i can have these default to 100% width (i'd like to avoid declaring width's and heights if possible)? I figure i'm missing a couple vital root-level rules of CSS here, so any input is greatly appreciated. thanks. -Court Hi Court, I must admit I didn't study your page ( the underlying Bulletproof design), and how it can be made working. Forgotten! :-) Just diving into an alternative: * Testpage http://home.tiscali.nl/developerscorner/liquidcorners/corners-example-junklogic.htm In IE6 it is perfoming good, as it is in FF1.7 and Opera8.01. - IE7 I can't test. Success and greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/