???
I just looked at it in both ie and ff, all I see is 2 div
<div class="ci">
<div class="inneri">
<img border="0" alt="My Second Test"
src="http://www.haitiwebs.com/ihaiti/vbcover/vbmagazine/mainimages/cropped_1
0.jpg" />
</div>
</div>
-----Original Message-----
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of D A
Sent: Monday, December 29, 2008 7:26 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: jquery.corners.js --- how to use with IE?
> What do you mean by curvycorners adding markups?
> It's lightweight and besides the javascript (7k) you only need to add
> two divs http://www.haitiwebs.com/ihaiti/magazine.php?
If you view the Generated Source, there's quite a few extra Divs added to
create the corners.
For instance, on your page above, your container is
<div class="inneri">...</div>
but after rounding it, you'll see this:
<div style="border-top: 0pt none; border-bottom: 0pt none; padding:
0pt; overflow: visible; position: relative; background-position: 0px -6px;"
class="inneri hasCorners"><div class="bottomContainer"
style="overflow: hidden; width: 100%; font-size: 1px; position:
absolute; padding-left: 1px; padding-right: 1px; height: 6px; bottom:
-6px; left: -1px;"><div style="overflow: hidden; height: 6px; width:
6px; position: absolute; font-size: 1px; bottom: 0pt; right:
0pt;"><div class="hasBackgroundColor" style="overflow: hidden; height:
4px; width: 1px; position: absolute; font-size: 1px; background-color:
rgb(68, 68, 68); top: 0px; left: 0px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(69, 69, 69); top: 4px; left: 0px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.95804;
top: 5px; left: 0px;"></div><div class="hasBackgroundColor"
style="overflow: hidden; height: 4px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(68, 68, 68); top: 0px; left:
1px;"></div><div style="overflow: hidden; height: 1px; width: 1px;
position: absolute; font-size: 1px; background-color: rgb(72, 72, 72);
top: 4px; left: 1px;"></div><div style="overflow: hidden; height: 1px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(85, 85, 85); opacity: 0.786467; top: 5px; left: 1px;"></div><div
class="hasBackgroundColor" style="overflow: hidden; height: 4px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(68, 68, 68); top: 0px; left: 2px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(80, 80, 80); top: 4px; left: 2px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.426503;
top: 5px; left: 2px;"></div><div class="hasBackgroundColor"
style="overflow: hidden; height: 3px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(68, 68, 68); top: 0px; left:
3px;"></div><div style="overflow: hidden; height: 1px; width: 1px;
position: absolute; font-size: 1px; background-color: rgb(77, 77, 77);
top: 3px; left: 3px;"></div><div style="overflow: hidden; height: 1px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(85, 85, 85); opacity: 0.819635; top: 4px; left: 3px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.0310534;
top: 5px; left: 3px;"></div><div style="overflow: hidden; height: 1px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(69, 69, 69); top: 0px; left: 4px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(72, 72, 72); top: 1px; left: 4px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(80, 80, 80); top: 2px; left:
4px;"></div><div style="overflow: hidden; height: 1px; width: 1px;
position: absolute; font-size: 1px; background-color: rgb(85, 85, 85);
opacity: 0.819635; top: 3px; left: 4px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.111456; top: 4px; left:
4px;"></div><div style="overflow: hidden; height: 0pt; width: 1px;
position: absolute; font-size: 1px; background-color: rgb(85, 85, 85);
top: 0px; left: 5px;"></div><div style="overflow: hidden; height: 1px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(85, 85, 85); opacity: 0.95804; top: 0px; left: 5px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.786467;
top: 1px; left: 5px;"></div><div style="overflow: hidden; height: 1px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(85, 85, 85); opacity: 0.426503; top: 2px; left: 5px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.0310534;
top: 3px; left: 5px;"></div></div><div style="overflow: hidden;
height: 6px; width: 6px; position: absolute; font-size: 1px; bottom:
0pt; left: 0pt;"><div class="hasBackgroundColor" style="overflow:
hidden; height: 4px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(68, 68, 68); top: 0px; left: 5px;
background-position: -4px -11px;"></div><div style="overflow: hidden;
height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(69, 69, 69); top: 4px; left: 5px;
background-position: -4px -11px;"></div><div style="overflow: hidden;
height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.95804; top: 5px; left:
5px; background-position: -4px -11px;"></div><div class="hasBackgroundColor"
style="overflow: hidden; height: 4px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(68, 68, 68); top: 0px; left: 4px; background-position: -3px
-11px;"></div><div style="overflow: hidden; height: 1px; width: 1px;
position: absolute; font-size: 1px; background-color: rgb(72, 72, 72);
top: 4px; left: 4px; background-position: -3px -11px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.786467;
top: 5px; left: 4px; background-position: -3px -11px;"></div><div
class="hasBackgroundColor" style="overflow: hidden; height: 4px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(68, 68, 68); top: 0px; left: 3px; background-position: -2px
-11px;"></div><div style="overflow: hidden; height: 1px; width: 1px;
position: absolute; font-size: 1px; background-color: rgb(80, 80, 80);
top: 4px; left: 3px; background-position: -2px -11px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.426503;
top: 5px; left: 3px; background-position: -2px -11px;"></div><div
class="hasBackgroundColor" style="overflow: hidden; height: 3px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(68, 68, 68); top: 0px; left: 2px; background-position: -1px
-11px;"></div><div style="overflow: hidden; height: 1px; width: 1px;
position: absolute; font-size: 1px; background-color: rgb(77, 77, 77);
top: 3px; left: 2px; background-position: -1px -11px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.819635;
top: 4px; left: 2px; background-position: -1px -11px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.0310534;
top: 5px; left: 2px; background-position: -1px -11px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(69, 69, 69); top: 0px; left:
1px; background-position: 0px -11px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(72, 72, 72); top: 1px; left: 1px;
background-position: 0px -11px;"></div><div style="overflow: hidden;
height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(80, 80, 80); top: 2px; left: 1px;
background-position: 0px -11px;"></div><div style="overflow: hidden;
height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.819635; top: 3px; left:
1px; background-position: 0px -11px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.111456; top: 4px; left:
1px; background-position: 0px -11px;"></div><div style="overflow:
hidden; height: 0pt; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); top: 0px; left: 0px;
background-position: -1px -11px;"></div><div style="overflow: hidden;
height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.95804; top: 0px; left:
0px; background-position: -1px -11px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.786467; top: 1px; left:
0px; background-position: -1px -11px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.426503; top: 2px; left:
0px; background-position: -1px -11px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.0310534; top: 3px; left:
0px; background-position: -1px -11px;"></div></div><div
class="hasBackgroundColor" style="border-bottom: 1px solid rgb(85, 85, 85);
overflow: hidden; position: relative; font-size: 1px;
background-color: rgb(68, 68, 68); background-repeat: repeat; height:
5px; margin-left: 5px; margin-right: 5px; background-position: -5px
-5px;"></div></div><div class="topContainer" style="overflow: hidden;
width: 100%; font-size: 1px; position: absolute; padding-left: 1px;
padding-right: 1px; height: 6px; top: -6px; left: -1px;"><div
style="overflow: hidden; height: 6px; width: 6px; position: absolute;
font-size: 1px; top: 0pt; right: 0pt;"><div class="hasBackgroundColor"
style="overflow: hidden; height: 4px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(68, 68, 68); top: 2px; left:
0px; background-position: -71px -1px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(69, 69, 69); top: 1px; left: 0px;
background-position: -71px 0px;"></div><div style="overflow: hidden;
height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.95804; top: 0px; left:
0px; background-position: -71px -1px;"></div><div class="hasBackgroundColor"
style="overflow: hidden; height: 4px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(68, 68, 68); top: 2px; left: 1px; background-position: -72px
-1px;"></div><div style="overflow: hidden; height: 1px; width: 1px;
position: absolute; font-size: 1px; background-color: rgb(72, 72, 72);
top: 1px; left: 1px; background-position: -72px 0px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.786467;
top: 0px; left: 1px; background-position: -72px -1px;"></div><div
class="hasBackgroundColor" style="overflow: hidden; height: 4px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(68, 68, 68); top: 2px; left: 2px; background-position: -73px
-1px;"></div><div style="overflow: hidden; height: 1px; width: 1px;
position: absolute; font-size: 1px; background-color: rgb(80, 80, 80);
top: 1px; left: 2px; background-position: -73px 0px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.426503;
top: 0px; left: 2px; background-position: -73px -1px;"></div><div
class="hasBackgroundColor" style="overflow: hidden; height: 3px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(68, 68, 68); top: 3px; left: 3px; background-position: -74px
-2px;"></div><div style="overflow: hidden; height: 1px; width: 1px;
position: absolute; font-size: 1px; background-color: rgb(77, 77, 77);
top: 2px; left: 3px; background-position: -74px -1px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.819635;
top: 1px; left: 3px; background-position: -74px 0px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.0310534;
top: 0px; left: 3px; background-position: -74px -1px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(69, 69, 69); top: 5px; left:
4px; background-position: -75px -4px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(72, 72, 72); top: 4px; left: 4px;
background-position: -75px -3px;"></div><div style="overflow: hidden;
height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(80, 80, 80); top: 3px; left: 4px;
background-position: -75px -2px;"></div><div style="overflow: hidden;
height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.819635; top: 2px; left:
4px; background-position: -75px -1px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.111456; top: 1px; left:
4px; background-position: -75px 0px;"></div><div style="overflow:
hidden; height: 0pt; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); top: 6px; left: 5px;
background-position: -76px -5px;"></div><div style="overflow: hidden;
height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.95804; top: 5px; left:
5px; background-position: -76px -4px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.786467; top: 4px; left:
5px; background-position: -76px -3px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.426503; top: 3px; left:
5px; background-position: -76px -2px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.0310534; top: 2px; left:
5px; background-position: -76px -1px;"></div></div><div
style="overflow: hidden; height: 6px; width: 6px; position: absolute;
font-size: 1px; top: 0pt; left: 0pt;"><div class="hasBackgroundColor"
style="overflow: hidden; height: 4px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(68, 68, 68); top: 2px; left:
5px; background-position: -4px -1px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(69, 69, 69); top: 1px; left: 5px;
background-position: -4px 0px;"></div><div style="overflow: hidden;
height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.95804; top: 0px; left:
5px; background-position: -4px -1px;"></div><div class="hasBackgroundColor"
style="overflow: hidden; height: 4px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(68, 68, 68); top: 2px; left: 4px; background-position: -3px
-1px;"></div><div style="overflow: hidden; height: 1px; width: 1px;
position: absolute; font-size: 1px; background-color: rgb(72, 72, 72);
top: 1px; left: 4px; background-position: -3px 0px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.786467;
top: 0px; left: 4px; background-position: -3px -1px;"></div><div
class="hasBackgroundColor" style="overflow: hidden; height: 4px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(68, 68, 68); top: 2px; left: 3px; background-position: -2px
-1px;"></div><div style="overflow: hidden; height: 1px; width: 1px;
position: absolute; font-size: 1px; background-color: rgb(80, 80, 80);
top: 1px; left: 3px; background-position: -2px 0px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.426503;
top: 0px; left: 3px; background-position: -2px -1px;"></div><div
class="hasBackgroundColor" style="overflow: hidden; height: 3px;
width: 1px; position: absolute; font-size: 1px; background-color:
rgb(68, 68, 68); top: 3px; left: 2px; background-position: -1px
-2px;"></div><div style="overflow: hidden; height: 1px; width: 1px;
position: absolute; font-size: 1px; background-color: rgb(77, 77, 77);
top: 2px; left: 2px; background-position: -1px -1px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.819635;
top: 1px; left: 2px; background-position: -1px 0px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(85, 85, 85); opacity: 0.0310534;
top: 0px; left: 2px; background-position: -1px -1px;"></div><div
style="overflow: hidden; height: 1px; width: 1px; position: absolute;
font-size: 1px; background-color: rgb(69, 69, 69); top: 5px; left:
1px; background-position: 0px -4px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(72, 72, 72); top: 4px; left: 1px;
background-position: 0px -3px;"></div><div style="overflow: hidden;
height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(80, 80, 80); top: 3px; left: 1px;
background-position: 0px -2px;"></div><div style="overflow: hidden;
height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.819635; top: 2px; left:
1px; background-position: 0px -1px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.111456; top: 1px; left:
1px; background-position: 0px 0px;"></div><div style="overflow:
hidden; height: 0pt; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); top: 6px; left: 0px;
background-position: -1px -5px;"></div><div style="overflow: hidden;
height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.95804; top: 5px; left:
0px; background-position: -1px -4px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.786467; top: 4px; left:
0px; background-position: -1px -3px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.426503; top: 3px; left:
0px; background-position: -1px -2px;"></div><div style="overflow:
hidden; height: 1px; width: 1px; position: absolute; font-size: 1px;
background-color: rgb(85, 85, 85); opacity: 0.0310534; top: 2px; left:
0px; background-position: -1px -1px;"></div></div><div
class="hasBackgroundColor" style="border-top: 1px solid rgb(85, 85, 85);
overflow: hidden; position: relative; font-size: 1px;
background-color: rgb(68, 68, 68); background-repeat: repeat; height:
5px; margin-left: 5px; margin-right: 5px;"></div></div><div
class="hasBackgroundColor content_container" style="margin: 0pt;
padding: 1px; overflow: visible;"><div style="position: relative;
float: left; width: 100%; margin-top: -5px; margin-bottom: -5px;">
Is that a big deal? I really don't know. That's not markup that's
downloaded, of course.
-DA
