Can't kill IFrame border.

[ScottInTexas]

I am positioning a menubar in an IFrame and I dont want the IFrame to be apparent. It continues to show up as an inset frame.

style sheet looks like this.
.menuFrame{
frameborder:0;
width:100%;
height:25px;
marginwidth:0px;
marginheight:0px;
padding:0px;
background-color:#1efefe;
width:100%;
border-style:none;
scrolling:no;
}
and the HTML looks like this
<iframe class="menuFrame" ID="menubar"></iframe>
If you want to see it you can go to www.ssscuba.com/testindex.html

I want the table to show up as if there were no frame there. When I tried to use the Div tag it wipes out the current page and puts the menubar neatly at the top of the page.

Thanks for your help.

[meow]

Hi!

Oops! To start with these aren't CSS properties

frameborder:0;
marginwidth:0px;
marginheight:0px;
scrolling:no;

they are HTML attributes. 'border: none', or as you have it, 'border-style: none' should take care of the border but alas it doesn't work with iframe in IE5.x (not sure about 6). IE5 won't let you style the background of the iframe either.

I suggest that you simply use <iframe frameborder="0">

[ScottInTexas]

Thanks much Meow,

I had tried everything and I wanted to keep it all in a nice clean style sheet, but it is killing me on what works, what's allowed, and when. Your solution was exactly right and I appreciate your VERY fast response.

Hope I can help you sometime.

[meow]

Glad I could help.
Yes, the browsers are a pain. You could do it in CSS though if you can accept a border in IE5.x (and maybe 6).

[redhead]

<iframe ... frameborder="0"> should do it