Formatting iframes with CSS

theMAD2 · 15 Feb 2006 at 14:49

Hi,

I've been trying to format an iframes element using CSS but no joy, is this code ok?

Code:

<iframe src="home.htm" id="content" height="300" width="200" scrolling="yes" frameborder="0" allowtransparency="yes" align="middle"></iframe>

Code:

iframe {
scrollbar-arrow-color: #000000;
scrollbar-face-color: #DEDAC6;
scrollbar-3dlight-color: #DEDAC6;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #DEDAC6;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #ACA899; 
}

Thanks,
Dan

theMAD2 · 15 Feb 2006 at 15:06

They seem to be working on my Firefox, although you get a greyed out horizontal scroll bar which you don't get in IE. Does anyone know how to format the iframes/scroll bars using CSS?

Thanks,

theMAD2 · 15 Feb 2006 at 22:50

So how do people normally change scroll bar colours / sizes?

theMAD2 · 16 Feb 2006 at 11:39

As someone on these very forums once told me ages ago, if you think about it the scrollbar is part of the browser, not the page. Therefore you have no right changing it.

Good way of putting it mate. I've seen these small scroll bars before, or just bits you hover over to move a section of page up or down, I guess these are little java scripts.

theMAD2 · 22 Feb 2006 at 08:56

I wanted to make a set size (height and width) site as I didn't want to have a lot of text, just something describing what we've done, do, contact info etc (just a descriptive company site). As I didn't want too much text I thought it might look better to have fixed size with small text box in the page. If I put the text on a 100% height page it might look empty, or it might force me to use more text and bore people lol. After what you've all said thought I might just use 100% height, set width and try to get every page similar size using text / pictures. Thanks for the advice everyone