FF 3.5 and Iron/Chrome work well, but MSIE 8 and Opera 10 do not
meszi opened this issue · comments
Hi there,
I am still learning about JQuery Corner. So maybe I do a mistake. I want to draw rounded corners to my nav buttons. I am using JQuery 1.3.2 that comes with Wordpress 2.8.6.
My code is as follows:
[...]
<script type="text/javascript"> jQuery(document).ready(function(){ jQuery('div.navbutton').corner("round 20px"); /* THIS DOES NOT WORK IN MSIE AND OPERA. */ jQuery('div.navbutton').wrap(''); jQuery('div.outer').corner("round 20px"); }); </script>[...]
<style type="text/css"> table#page table.main td.navtd div.navigation div.navbutton { width:70px; margin:3px auto; padding:7px 20px; //border:2px solid #555555; // THIS WORKS FINE IN FF AND CHROME border:none; //WHEN TRYING FOR MSIE AND OPERA I COMMENT THE ABOVE OUT AND DISABLE THE BORDER background:white; color:#555555; font-size:12px; font-weight:bold; text-align:left; } div.outer { margin:3px auto; padding:1px 4px; background:#555555; zoom:1; } </style>[...]
[...]
While FF and Iron/Chrome render the borders fine (Iron/Chrome looks somewhat aliased but at least it works somehow) and do not even require the "wrapped div" (border works) I have problems with MSIE 8 and Opera 10. Best way to imagine the problem is IMO to see the screenshot: http://www.meszi.de/Zwischenablage01.jpg
What can you suggest to get this issue resolved?
CU,
Mészi.
I have decided to stop my attempts with JQuery corners as DD_roundies works fine with MSIE, FF and Webkit5 browsers support rounded corners directly via CSS and Opera at least supports SVG background images.
Therefore I close this topic.