jQuery Forum

use this plugin: http://meerbox.nl/?page_id=4
works fine and it's pretty nice ;)

Using canvas instead of nested div's for the corner didn't help with
the layout (although it looks slightly better). The problem is caused
by the 'position: relative' added to the element with the corner
applied to it.

Sam,
Did you get this solved? I couldn't reproduce the error (IE7), but it
sounds like a classic "hasLayout" problem.
Mike

that's an awesome plugin

Sam, I visited both links in your post (using IE6) and I can't see the problem? Also, I don't see anything on either page that looks like the corner plug-in has been applied. Hmmm... did you fix things already? :o/
Chris
<div><span class="gmail_quote">On 9/10/07, <b class="gmail_sendername">weepy</b> <<a href="mailto:jonahfox@gmail.com">jonahfox@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
that's an awesome plugin
On Sep 10, 3:59 pm, Sam Collett <<a href="mailto:sam.coll...@gmail.com">sam.coll...@gmail.com</a>> wrote:
> Using canvas instead of nested div's for the corner didn't help with
> the layout (although it looks slightly better). The problem is caused
> by the 'position: relative' added to the element with the corner
> applied to it.
>
> On Sep 10, 2:28 pm, "
<a href="mailto:ionu...@gmail.com">ionu...@gmail.com</a>" <<a href="mailto:ionu...@gmail.com">ionu...@gmail.com</a>> wrote:
> ugin
> > use this plugin:<a href="http://meerbox.nl/?page_id=4">http://meerbox.nl/?page_id=4
</a>
> > works fine and it's pretty nice ;)
</blockquote></div>
<br clear="all">
--
<a href="http://cjordan.us">http://cjordan.us</a>

Dude, that looks pretty freakin' sweet! I may have to give that one a shot sometime.
Chris
<div><span class="gmail_quote">On 9/10/07, <b class="gmail_sendername"><a href="mailto:ionutzb@gmail.com">ionutzb@gmail.com
</a></b> <<a href="mailto:ionutzb@gmail.com">ionutzb@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
use this plugin:
<a href="http://meerbox.nl/?page_id=4">http://meerbox.nl/?page_id=4</a>
works fine and it's pretty nice ;)
</blockquote></div>
<br clear="all">
--
<a href="http://cjordan.us">http://cjordan.us</a>

I tried to reproduce it in a test page, but was unable to. I solved it
by using .css("position", "")
There is a demo of the issue at http://www.nelctp.nhs.uk/default2.aspx
And without corner plugin: http://www.nelctp.nhs.uk/default2.aspx?nocorner
Which actually illustrates some problems with the pngfix plugin:
http://khurshid.com/jquery/iepnghack/

I did manage to fix it, but set up a page showing the problems I have
been having:
With corner: http://www.nelctp.nhs.uk/default2.aspx
Without: http://www.nelctp.nhs.uk/default2.aspx?nocorner
The corner is applied to the two boxes in the middle (only very subtle
corners).