Have Geek Brain

Links in round boxes? All browsers (including IE8)

I have tried the maaaany script but every time I get stuck in something bad. My goal is to create rounded rectangles for the links. You can see an example of what I'm talking about here in the sidelink (no effects needed). Very often I know, but I want it to work in eeeevery browsers, at least safari, FF, chrome and most important IE7 + (IE6 is not needed ...). The script that took me closest to Cornerz's solution, but I can't seem to fix a very bad issue in IE8. Does anyone know a way to get rid of this or achieve my goal? Thank you, I appreciate every support. Greetings

+2


source to share


3 answers


The problem you are facing is differences in browser rendering. FF and Safari will display rounded corners derived from CSS. But IE8 doesn't display the same rounded corners. Here is a link to work http://www.html.it/articoli/nifty/index.html



+3


source


As John said, Nifty Corners will work in all browsers you specify. If you want to stick with "Cornerz", you can force IE8 to emulate IE7 rendering. http://weblogs.asp.net/fredriknormen/archive/2009/03/19/change-ie8-to-ie7-compatible-mode-with-meta-tags.aspx



+1


source


Thanks everyone, but at the same time I fixed it! And it seems to work the way I want it to.

Look here for the link in the first line (bad choice gray on white :). http://testing123.webege.com/conrnerz/

I just had to add display: inline-table; for IE8 in link style and fix the position issue for IE6-7.

I tried with Nifty with no success and the second suggestion is good, but I wanted to find a way to make it work in IE8, running like IE8.

Thanks a lot, hope this help. I will save the page for as long as I can and then post a new link for everyone. greetings

0


source






More articles:


All Articles