Export to GitHub

curved-corner - issue #4

IE8 no borders / not wokring if div has no width/height


Posted on Jul 25, 2009 by Happy Lion

I used the newest File, but had no strokes as there is "stroke=false" in the file. I reverted this to "strokewidth & strokecolor" like in the older file, and it works for me like a charm in IE8(Vista)/IE7(XP)/IE6(XP)

I also changed the behavior off the width and height of the v:roundrect element. Using this.offsetH/W instead of this.currentStyle.width/height does also work if the div has no height and width. This also worked for me on IE8(Vista)/IE7(XP)/IE6(XP)

greets

File attached

Attachments

Comment #1

Posted on Aug 17, 2009 by Quick Kangaroo

Wow thanks for new htc.

Comment #2

Posted on Aug 17, 2009 by Quick Kangaroo

(No comment was entered for this change.)

Comment #3

Posted on Oct 23, 2009 by Quick Rabbit

@daniel.tschinder, could you explain further how you managed to have divs without height/width? For some reason your file brings up errors on XP IE7 and IE8.

Comment #4

Posted on Oct 30, 2009 by Helpful Ox

I figured how to make it work: seems there was a problem with the 'px' unit not correctly working. Here is my fixed version, works under all IE versions (IE5.5 to IE8).

Attachments

Comment #5

Posted on Nov 2, 2009 by Swift Ox

Dannn.r this does not seem to work for me

Comment #6

Posted on Mar 12, 2010 by Massive Monkey

The browser will not display an "empty" if it has no width or height specified (or no min-width/min-height). This is the correct/expected behavior.

Empty 's include those with an implicit background image, but no explicit content because the browser cannot guesstimate how much space to allocate without being told by CSS or my explicit content how much space to allocate...

Comment #7

Posted on May 21, 2010 by Grumpy Wombat

Not working for me either... anyone found a solution?

Comment #8

Posted on Jun 8, 2010 by Grumpy Horse

Hi. I have tested the element in two sites. In the first one everything ok. But in the second one, the htc elements doesnt work. The disapears! The site is: http://www.salon-atlantica.com/Exposants/Environnement/aires-de-jeux-materiels-de-loisirs Thanks!

Comment #9

Posted on Aug 5, 2010 by Quick Giraffe

Hi

the link of Jul 24, 2009 work with no width and height but the latest no

Comment #10

Posted on Sep 19, 2010 by Happy Bear

This issue is bad - the latest official version is not working in IE8, and the solution from 24 of july ignores margin.

Comment #11

Posted on Oct 8, 2010 by Happy Bird

thanks, this now is working for me

Comment #12

Posted on Oct 8, 2010 by Happy Bird

mmm I have a new issue, my links not working.

Comment #13

Posted on Mar 8, 2011 by Quick Dog

the file that Dann... attached worked great for me and solved my issue! Thanks!

Comment #14

Posted on Jun 29, 2011 by Massive Monkey

hi, I have code like this,

.curved{ border-radius: 5px; behavior : url(border-radius.htc);

}

and i added the .htc file in the same folder, i want to display div tag with rounded corners. but i couldnt get with this file. can anyone help me, i am thankful.

Regards, Srinivas N

Comment #15

Posted on Feb 16, 2012 by Grumpy Horse

Ata holo maderchodi karber.voya

Status: Accepted

Labels:
Type-Defect Priority-Medium