Dojo Forum

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:

Do not upload content that you do not own!!!

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/