HTML5 and frameborder

Question

I have an iframe on an HTML5 document  when I validate I am getting an error telling me that the attribute on the iframe frameBorder is obsolete and to use CSS instead   I have this attribute frameBorder  0  here because it was the only way I could figure out how to get rid of the border in IE  I tried border none  in CSS with no luck  Is there a compliant way to fix this   Thanks

User · Answer

style  border none  scrolling no  frameborder 0   marginheight 0  marginwidth 0

User · Answer

How about using the same for technique for  fooling  the validator with Javascript by sticking a target attribute in XHTML  lt a onclick  this target   blank   gt     onsomething     this frameborder    0       lt iframe onload     this frameborder  0      src  menu html   id  menu  gt   lt  iframe gt   Or getElementsByTagName   iframe  1 adding this attribute for all iframes on the page   Haven t tested this because I ve done something which means that nothing is working in IE less than 9     So while I m sorting that out

User · Answer

Since the frameborder attribute is only necessary for IE  there is another way to get around the validator  This is a lightweight way that doesn t require Javascript or any DOM manipulation    lt  -- if IE  gt      lt iframe src  source  frameborder  0  gt   lt  iframe gt   lt   endif -- gt   lt  -- if  IE  gt -- gt      lt iframe src  source  style  border none  gt   lt  iframe gt   lt  --  lt   endif -- gt

User · Answer

I found a nice work around that will allow it to work in IE7 here  It bypasses the validator for the frameBorder attribute but keeps css for future browsers as explained in the post

User · Answer

HTML 5 doesn t support attributes such as frameborder  scrolling  marginwidth  and marginheight  which were supported in HTML 4 01   Instead  the HTML 5 specification has introduced the seamless attribute  The seamless  attribute allows the inline frame to appear as though it is being rendered as part of the containing document  For example  borders and scrollbars will not appear   According to MDN  frameborder Obsolete since HTML5 The value 1  the default  draws a border around this frame  The value 0 removes the border around this frame  but you should instead use the CSS property border to control  borders   Like the quote above says  you should remove the border with CSS either inline  style  quot border  none  quot   or in your stylesheet  iframe   border  none      That being said  there doesn t seem to be a single iframe provider that doesn t use frameborder  quot 0 quot   Even YouTube still uses the attribute and doesn t even provide a style attribute to make iframes backwards compatible for when frameborder isn t supported anymore  It s safe to say that the attribute isn t going anywhere soon  This leaves you with 3 options   Keep using frameborder  just to be sure it works  for now  Use CSS  to do the  quot right quot  thing Use both  Although this doesn t resolve the incompatibility problem  just like option 1   it does and will work in every browser that has been and will be   As for the previous state of this decade-old answer  The seamless attribute has been supported for such a short time  or not at all by some browsers   that MDN doesn t even list it as a deprecated feature  Don t use it and don t get confused by the comments below

User · Answer

As per the other posting here  the best solution is to use the CSS entry of   style  border 0

User · Answer

This works  iframe      border-width  0px

[css] HTML5 and frameborder

Examples related to css

Examples related to internet-explorer

Examples related to html