iframes & css properties

[GOLGO-13]

hello!

i've got several iframes on a page, that i want modified by an external style sheet. i cant seem to remember the format for getting rid of the border from the external style sheet!

here's what i've got (that I'SNT working)

/*iframe*/
#first { 
margin: 0px; 
width:336px;
height: 400px;
frameborder: none;
border:0px;
border:none; /*mozilla?*/
overflow:hidden; /*mozilla?*/

}

<iframe id="first" src="mywebsite.com"></iframe>

the mozilla stuff was some code i found somewhere online.. dont know if its doing any good or not..

so, if somebody could tell me how that should be coded, i'd appreciate it!

also, does anybody know of any places where i could see a list of all the atributes for the iframe tag, and how they are written out in an external style sheet?

thanks for any help you can give me!

[deronsizemore]

I'm not that good with iframes and style sheets (hence trying myself before)

My advise to you is to get rid of your iframes....they are going to cause you headaches with CSS. I once had iframes on my site and they did nothing but cause a promblem a day it seemed. I think a lot of people will give you the same adivce. Whatever you're trying to accomplish with them, there has to be a better way.

hope that helps.

[GOLGO-13]

My advise to you is to get rid of your iframes....they are going to cause you headaches with CSS.

heh heh... i've used iframes before on my site, but always with inline styles... never had ANY problems.. in fact, i really like them! lol.. differnt strokes for differnt folks, right? but deronsizemore, i certainly appreciate thoughts though!

any other ideas out there?

[deronsizemore]

No problem.

If you can make them work then go with.... I couldn't.

[Paul O'B]

Hi,

You could just set the border to the background of the page and then it won't be noticable.

Assuming the page is white

iframe {border:1px solid #fff;}

Paul

[GOLGO-13]

Hi,

You could just set the border to the background of the page and then it won't be noticable.
Paul

thanks paul, but unless i made some error i'm not seeing, that didnt seem to work. seems like it should have though.. well, here's a screen shot of what it looked like in IE, and the code:

/*iframe*/
#first { 
margin: 0px; 
width:336px;
height: 400px;
border:1px solid #B20606;

}

[GOLGO-13]

hmm... this site keeps telling me:

"You have already attached this file to a post. If you need to refer to this file it can be found in this thread: iframes & css properties"

heh heh.. well i'm looking at my post and right now "I" dont see my screen shot! well.. needless to say, pauls suggestion didnt quite work for me.. any other ideas?

[deronsizemore]

your screen shot will show up eventually...the moderators have to review it first.

[Paul O'B]

Hi,

Try adding overflow:auto as well.

/*iframe*/
#first { 
margin: 0px; 
width:336px;
height: 400px;
border:1px solid #B20606;
overflow:auto;
}

Paul

[GOLGO-13]

hmm... that didnt seem to work either...

i know by adding the attributes directly to the iframe, i can get it to work properly.. drats.. its just that after looking at: http://csszengarden.com i figured should start being more dilligent about doing all of that from an external style sheet..

<iframe src="home.htm" marginheight="0" scrolling="no" frameborder="0"></iframe>

thats some code from an old website of mine, and IS a working answer... just not the working answer i was looking for..

[Paul O'B]

Hi,

Sorry, I tried it without any source file in the iframe and it works fine but as soon as you put the source file in then the 3d border appears .

You'll have to use the frameborder attribute which is still valid html.

Paul