?
Solved

problem in IE with rounded corners on iframe

Posted on 2009-02-19
4
Medium Priority
?
614 Views
Last Modified: 2012-05-06
I have a script which makes the corners of an element rounded.  I am trying to round the corners of an iframe box.  It works in firefox, but I need help getting it to work in internet explorer.

Let me know if you need to see the DD_roundies.js.  It is just one long eval function that makes the corners rounded.
Here is the call to the script.
 
<script type="text/javascript" src="includes/DD_roundies.js"></script>
<script>
    DD_roundies.addRule('#iframe_i_nav', '10px 10px 0 0', true);
</script>
 
 
 
Here is the iframe
<iframe id="iframe_i_nav" name="iframe_i_nav" src="m1_dynamic_nav_frame1pre.jsp" frameborder="0" width="998" scrolling="no" height="25" align="top"  style="background-color:#DFE7FF; border-right-width:1px; border-right-color:#CCCCCC; border-right-style:solid; border-left-width:1px; border-left-color:#CCCCCC; border-left-style:solid; border-top-width:1px; border-top-color:#CCCCCC; border-top-style:solid; ">
If you can see this, your browser does not support iframes!
</iframe>

Open in new window

0
Comment
Question by:Shaye Larsen
  • 3
4 Comments
 
LVL 1

Author Comment

by:Shaye Larsen
ID: 23687430
Update: The jquery works if it is placed on a div in both IE and Firefox,

For instance:
<div id="roundedframe" style="height:25px; background-color:#DFE7FF;"></div>

But if I try to put it on the iframe, it only works on firefox.
0
 
LVL 1

Author Comment

by:Shaye Larsen
ID: 23687589
didn't mean to say jquery above.
0
 
LVL 75

Assisted Solution

by:Michel Plungjan
Michel Plungjan earned 2000 total points
ID: 23690041
So wrap the iframe in a div and turn the borders off
0
 
LVL 1

Accepted Solution

by:
Shaye Larsen earned 0 total points
ID: 23693049
Tried that, got the same result. IE won't allow it

I did get it to work though.  What I did was turned the borders off the iframe and made its background the same as the layer behind it.  Then put a div inside the iframe and put the script on that, so it got the same effect I was looking for.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question