search

gehuangyi20 / ie7-js

Automatically exported from code.google.com/p/ie7-js
0 stars 0 forks source link

:before :after problems with rounded corners on floated list items #18

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?
1. Look at the source code at the link provided below
The idea is to get a fluid box with rounded corners and a white border. 
The rounded corners are put above the border using negative margins.

What is the expected output? What do you see instead?
See the following link for a summary of the output and problems
http://www.solberg.se/ie7test/before_after_test.html

What version of the product are you using? On what operating system?
I use 2.0 beta of IE8.js on windows XP, linked from Google.

Please provide any additional information below.
As you can see Firefox, Opera and Safari renders the output equally and 
looks correct. But Internet Explorer 6.0 and 7.0 cannot handle it.

Original issue reported on code.google.com by magnus.u...@solberg.se on 29 Jan 2008 at 10:01

GoogleCodeExporter commented 9 years ago

Original comment by dean.edw...@gmail.com on 30 Jan 2008 at 7:53

GoogleCodeExporter commented 9 years ago 
I too have the same setup as above and receive the same issues. Thanks Dean!

Original comment by c.page.s...@gmail.com on 6 Oct 2008 at 8:44

GoogleCodeExporter commented 9 years ago 
Same here.  I'd like to see this fixed!

Original comment by jason.ga...@gmail.com on 17 Feb 2009 at 4:19

GoogleCodeExporter commented 9 years ago 
can u upload your core file i can help you!!!

Original comment by officialstupid on 6 Aug 2009 at 12:26

GoogleCodeExporter commented 9 years ago 
The source code is available at the link 
http://www.solberg.se/ie7test/before_after_test.html

Original comment by magnus.u...@solberg.se on 12 Aug 2009 at 8:38

GoogleCodeExporter commented 9 years ago

Original comment by dean.edw...@gmail.com on 13 Feb 2010 at 2:46

GoogleCodeExporter commented 9 years ago 
I've partially fixed this in version 2.1. It will work as expected in IE7. 
However, it 
still does not look right in IE6. I've fixed the width problem but there are 
still two bugs 
left:

1. The transparency does not seem to work with that particular GIF.
2. It is a few pixels to short. I'm not sure what is causing this yet, but it's 
probably 
the negative margins.

Original comment by dean.edw...@gmail.com on 14 Feb 2010 at 12:01

GoogleCodeExporter commented 9 years ago 
IE6's bug too much, can you make a configuration file to configure the need to 
adjust the bug, for example, I do not like the png of the adjustment method

Original comment by xiongxi...@gmail.com on 2 May 2011 at 7:39

GoogleCodeExporter commented 9 years ago 
Thank you very much!

Original comment by xiongxi...@gmail.com on 2 May 2011 at 7:40

GoogleCodeExporter commented 9 years ago 
I have a problem to solve border-radius in IE7,8 .anyone can pull me out from 
that issue

Original comment by ke...@jbkinfotech.com on 22 Dec 2011 at 5:38

GoogleCodeExporter commented 9 years ago 
use: 
".clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden
}" clear float in ie6，"float: right" is ok,but "float: left" have error bug.

Original comment by fuguotao...@gmail.com on 14 May 2013 at 1:54