Courtney Nielsen wrote:
>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:
>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 bit....a little extra markup is ok, and
>thus I am doing the <div><div><div><div> 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
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:
In IE6 it is perfoming good, as it is in FF1.7 and Opera8.01. - IE7 I
Success and greetings,
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/