Borders not showing in corners in IE6

sultan

unread,

Jun 14, 2010, 12:06:38 PM6/14/10

to Cornerz

I was testing this out and see that it works fine in other browsers
but in IE6 my borders are appearing in the corners as well. Any help
would be appreciated. Here is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<script src="jquery.js" type="text/javascript"></script>
<script src="gradientz.js" type="text/javascript"></script>
<script src="cornerz.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function() {
$('#box1').gradientz({
start: "#e0d9a9",
end: "#f6f2cb"
})
$('#box1').cornerz({
borderWidth:1, BorderTopColor: "#000",fixIE:true
})

})

</script>
<style type="text/css">
#box1{width:250px; height: 400px;border:1px solid #000}
</style>
</head>
<body>

<div class=box id=box1>
<pre>
$('#box1').gradientz({
start: "#fcc",
end: "yellow"
})
</pre>
</div>

</body>

</html>

James Le Cuirot

unread,

Jun 14, 2010, 12:16:32 PM6/14/10

to cor...@googlegroups.com

On Mon, 14 Jun 2010 09:06:38 -0700 (PDT)
sultan <sultan...@flhosp.org> wrote:

> I was testing this out and see that it works fine in other browsers
> but in IE6 my borders are appearing in the corners as well. Any help
> would be appreciated.

It's almost certainly due to gradientz. I used another gradient script
and also had the same problem in IE6. The effect can be achieved
through VML one way or another but I didn't bother finding out why it
didn't work in this case. It just isn't worth it for IE6 anymore.

James

sultan

unread,

Jun 14, 2010, 2:06:02 PM6/14/10

to Cornerz

Thanks James

On Jun 14, 12:16 pm, James Le Cuirot <ch...@aura-online.co.uk> wrote:
> On Mon, 14 Jun 2010 09:06:38 -0700 (PDT)
>

Reply all

Reply to author

Forward