[Dojo-interest] lfx.rounded results in broken box on IE6 and 7 (but BEAUTIFUL on FF2.0)

[Karl Tiedt]

ie has been a known problem when it comes to rounded,  i believe a
rework of it is in the plans for the near future

On 1/22/07, Shane O'Sullivan <shaneosullivan1 at gmail.com> wrote:
> Just to echo Michael's point in the hope it doesn't get lost, I'm seeing the
> same problem in IE6 and IE7, with perfect results in FF2.
>
> Shane
>
> On 24/12/06, Michael Janich <mjanich at netvigator.com> wrote:
> >
> > Dear dojos,
> >
> > I like the nice rounded boxes and used this for my infos and
> > notifications:
> >   dojo.require("dojo.lfx.rounded");
> > dojo.addOnLoad(function(){
> >      if (dojo.byId("infoBox") != null) {
> >      dojo.lfx.rounded({
> >          tl:{ radius:15 },
> >              tr:{ radius:15 },
> >              bl:{ radius:15 },
> >              br:{ radius:15 }
> >          }, ["infoBox"]);
> >      }
> >      if (dojo.byId("errorBox") != null) {
> >      dojo.lfx.rounded({
> >          tl:{ radius:15 },
> >              tr:{ radius:15 },
> >              br:{ radius:15 }
> >          }, ["errorBox"]);
> >      }
> >      if (dojo.byId("warnBox") != null) {
> >      dojo.lfx.rounded({
> >          tl:{ radius:15 },
> >              tr:{ radius:15 },
> >              br:{ radius:15 }
> >          }, ["warnBox"]);
> >      }
> >          });
> >
> > and this is the stylesheet:
> > #infoBox {
> >    font-family: Arial, Helvetica, sans-serif;
> >    font-size: 12px;
> >    font-weight: bold;
> >    color: black;
> >    margin: 20px;
> >    padding: 15px;
> >    border: 6px solid #00ff00;
> >    width: 480px;
> >    background-color: #b0ffb0;
> > }
> >
> > #errorBox {
> >    font-family: Arial, Helvetica, sans-serif;
> >    font-size: 12px;
> >    font-weight: bold;
> >    color: black;
> >    margin:20px;
> >    padding:15px;
> >    border:6px solid #ff0000;
> >    width:480px;
> >    background-color:#ffb0b0;
> > }
> >
> > #warnBox {
> >    font-family: Arial, Helvetica, sans-serif;
> >    font-size: 12px;
> >    font-weight: bold;
> >    color: black;
> >    margin: 20px;
> >    padding: 15px;
> >    border: 6px solid #ffff00;
> >    width: 480px;
> >    background-color: #ffffb0;
> > }
> >
> > and here is one of the calls:
> >
> > <P ID=warnBox>Do not upload content that you do not own!!!</P>
> >
> > It looks GREAT!! on FF2.0, but on IE6 and IE7 the box is broken.
> > Click around on http://www.maiTube.com/ for examples.
> >
> > Anyone know what to do???
> >
> > THANKS and merry XXXmas.
> >
> >    Michael
> >
> > --
> >
> >      Michael Janich, Hong Kong
> >      http://home.netvigator.com/~mjanich/
> > _______________________________________________
> > Dojo FAQ: http://dojo.jot.com/FAQ
> > Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
> > Dojo-interest at dojotoolkit.org
> > http://dojotoolkit.org/mailman/listinfo/dojo-interest
> >
>
>


-- 
-Karl Tiedt