# Fp 2002 Inline Frames

**URL:** <https://forum.kirupa.com/t/fp-2002-inline-frames/30019>\
**Category:** web dev\
**Created:** [September 2, 2003, 11:56pm UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019 "2003-09-02T23:56:45Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![poookie65](https://avatars.discourse-cdn.com/v4/letter/p/9d8465/32.png) [@poookie65](https://forum.kirupa.com/u/poookie65)\
**Post date:** [September 2, 2003, 11:56pm UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/1 "2003-09-02T23:56:45Z")

</div>

IM TRYING TO DO THIS AND I DID BUT, WHEN I PREVIEW IT THE SCROLLL BARS ARE GRAYED WHY? ASO, HOW DID I MAKE THE SCROLL BARS IN THE FRAME HAVE COLOR?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 3, 2003, 12:07am UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/2 "2003-09-03T00:07:10Z")

</div>

eh? you lost me on the first question, sry

as for the colored scrollbars

```php

<style type="text/css">
<!--
BODY {
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-base-color:#3C0B11;
  scrollbar-shadow-color:#F3F3F3;
  scrollbar-face-color:#5C1619;
  scrollbar-highlight-color:#F3F3F3;
  scrollbar-dark-shadow-color:#FFFFFF;
  scrollbar-3d-light-color:#3C0B11;
}
//-->
</style>

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 3, 2003, 12:16am UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/3 "2003-09-03T00:16:15Z")

</div>

I have a script for colored scroll bars but, i want to use it in my inline frame not outside scroll bars when i prview my inline frame the scroll bars are grayed out.

When i have it in normal mode the scroll bars do work in my inline frame

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 3, 2003, 12:35am UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/4 "2003-09-03T00:35:19Z")

</div>

The scroll bar code has to be in the page which is in the inline frame.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 3, 2003, 12:37am UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/5 "2003-09-03T00:37:22Z")

</div>

It is LOL im going nuts here

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 3, 2003, 2:45pm UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/6 "2003-09-03T14:45:10Z")

</div>

> \*Originally posted by poookie65 \*  
> \*\*It is LOL im going nuts here \*\*

no its not or it would show :thumb: post your code so we can see the prob

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 3, 2003, 4:22pm UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/7 "2003-09-03T16:22:35Z")

</div>

OK, i know what i was doing wrong. I didn’t have enough text in the frame to make it scroll

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 3, 2003, 4:38pm UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/8 "2003-09-03T16:38:33Z")

</div>

:A+: he, yup that could be a problem

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 3, 2003, 6:32pm UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/9 "2003-09-03T18:32:23Z")

</div>

ok now the problem i am having is… putting color into the inline frame scroll bars. I have color scrollbars on the outside website but, not the inline frame.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 3, 2003, 10:26pm UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/10 "2003-09-03T22:26:04Z")

</div>

```php

<style type="text/css">
<!--
BODY {
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-base-color:#3C0B11;
  scrollbar-shadow-color:#F3F3F3;
  scrollbar-face-color:#5C1619;
  scrollbar-highlight-color:#F3F3F3;
  scrollbar-dark-shadow-color:#FFFFFF;
  scrollbar-3d-light-color:#3C0B11;
}
//-->
</style>

```

put that code in your Iframes as well 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 3, 2003, 10:34pm UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/11 "2003-09-03T22:34:02Z")

</div>

where? as you can see im new to this

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 3, 2003, 10:44pm UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/12 "2003-09-03T22:44:39Z")

</div>

it’s okay gotta start somewhere.

your IFrame is a new page correct? so go into that page and place it between the head tags  
ie.

```php

<html>
<title>My IFrame Page</title>
<head>
<style type="text/css">
<!--
BODY {
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-base-color:#3C0B11;
  scrollbar-shadow-color:#F3F3F3;
  scrollbar-face-color:#5C1619;
  scrollbar-highlight-color:#F3F3F3;
  scrollbar-dark-shadow-color:#FFFFFF;
  scrollbar-3d-light-color:#3C0B11;
}
//-->
</style>
</head>

<bodY>

<p>This is my IFrame page</p>

</body>

</html>

```

getting the drift?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 4, 2003, 6:24pm UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/13 "2003-09-04T18:24:23Z")

</div>

for some reason when i copy the code i can’t copy the orange colors i need the orange code part under the color section

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 4, 2003, 6:48pm UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/14 "2003-09-04T18:48:07Z")

</div>

type it 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 4, 2003, 8:46pm UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/15 "2003-09-04T20:46:45Z")

</div>

For some reason the code appears on the page and i lose the inline frame. I am having such problems with this.

This is what i get when i put the code into the head LOL

\<html\>

\<head\<FONT color=#006600\>\<\</FONT\>\<FONT color=#0000cc\>html\</FONT\>\<FONT  
color=#006600\>\>\<BR\>\<BR\>\<\</FONT\>\<FONT color=#0000cc\>title\</FONT\>\<FONT  
color=#006600\>\>\</FONT\>\<FONT color=#0000cc\>My\_IFrame\_Page\</FONT\>\<FONT  
color=#006600\>\</\</FONT\>\<FONT color=#0000cc\>title\</FONT\>\<FONT  
color=#006600\>\>\<BR\>\<BR\>\<\</FONT\>\<FONT color=#0000cc\>head\</FONT\>\<FONT  
color=#006600\>\>\<BR\>\<BR\>\<\</FONT\>\<FONT color=#0000cc\>style\_type\</FONT\>\<FONT  
color=#006600\>=\</FONT\>\<FONT color=#cc0000\>“text/css”\</FONT\>\<FONT  
color=#006600\>\>\<BR\>\<BR\>\<!–\<BR\>\<BR\>\</FONT\>\<FONT  
color=#0000cc\>BODY\_\</FONT\>\<FONT color=#006600\>{\<BR\>\<BR\>**\</FONT\>\<FONT  
color=#0000cc\>scrollbar\</FONT\>\<FONT color=#006600\>-\</FONT\>\<FONT  
color=#0000cc\>arrow\</FONT\>\<FONT color=#006600\>-\</FONT\>\<FONT  
color=#0000cc\>color\</FONT\>\<FONT color=#006600\>:\</FONT\>\<FONT  
color=#ff9900\>#FFFFFF;\<BR\>\<BR\>**\</FONT\>\<FONT color=#0000cc\>scrollbar\</FONT\>\<FONT  
color=#006600\>-\</FONT\>\<FONT color=#0000cc\>base\</FONT\>\<FONT  
color=#006600\>-\</FONT\>\<FONT color=#0000cc\>color\</FONT\>\<FONT  
color=#006600\>:\</FONT\>\<FONT color=#ff9900\>#3C0B11;\<BR\>\<BR\>**\</FONT\>\<FONT  
color=#0000cc\>scrollbar\</FONT\>\<FONT color=#006600\>-\</FONT\>\<FONT  
color=#0000cc\>shadow\</FONT\>\<FONT color=#006600\>-\</FONT\>\<FONT  
color=#0000cc\>color\</FONT\>\<FONT color=#006600\>:\</FONT\>\<FONT  
color=#ff9900\>#F3F3F3;\<BR\>\<BR\>**\</FONT\>\<FONT color=#0000cc\>scrollbar\</FONT\>\<FONT  
color=#006600\>-\</FONT\>\<FONT color=#0000cc\>face\</FONT\>\<FONT  
color=#006600\>-\</FONT\>\<FONT color=#0000cc\>color\</FONT\>\<FONT  
color=#006600\>:\</FONT\>\<FONT color=#ff9900\>#5C1619;\<BR\>\<BR\>**\</FONT\>\<FONT  
color=#0000cc\>scrollbar\</FONT\>\<FONT color=#006600\>-\</FONT\>\<FONT  
color=#0000cc\>highlight\</FONT\>\<FONT color=#006600\>-\</FONT\>\<FONT  
color=#0000cc\>color\</FONT\>\<FONT color=#006600\>:\</FONT\>\<FONT  
color=#ff9900\>#F3F3F3;\<BR\>\<BR\>**\</FONT\>\<FONT color=#0000cc\>scrollbar\</FONT\>\<FONT  
color=#006600\>-\</FONT\>\<FONT color=#0000cc\>dark\</FONT\>\<FONT  
color=#006600\>-\</FONT\>\<FONT color=#0000cc\>shadow\</FONT\>\<FONT  
color=#006600\>-\</FONT\>\<FONT color=#0000cc\>color\</FONT\>\<FONT  
color=#006600\>:\</FONT\>\<FONT color=#ff9900\>#FFFFFF;\<BR\>\<BR\>\_\_\</FONT\>\<FONT  
color=#0000cc\>scrollbar\</FONT\>\<FONT color=#006600\>-\</FONT\>\<FONT  
color=#0000cc\>3d\</FONT\>\<FONT color=#006600\>-\</FONT\>\<FONT  
color=#0000cc\>light\</FONT\>\<FONT color=#006600\>-\</FONT\>\<FONT  
color=#0000cc\>color\</FONT\>\<FONT color=#006600\>:\</FONT\>\<FONT  
color=#ff9900\>#3C0B11;\<BR\>\<BR\>\</FONT\>\<FONT color=#006600\>}\<BR\>\<BR\>\</FONT\>\<FONT  
color=#ff9900\>//–\>\<BR\>\<BR\>\</FONT\>\<FONT color=#006600\>\</\</FONT\>\<FONT  
color=#0000cc\>style\</FONT\>\<FONT color=#006600\>\>\<BR\>\<BR\>\</\</FONT\>\<FONT  
color=#0000cc\>head\</FONT\>\<FONT  
color=#006600\>\>\<BR\>\<BR\>\<BR\>\<BR\>\<\</FONT\>\<FONT  
color=#0000cc\>bodY\</FONT\>\<FONT  
color=#006600\>\>\<BR\>\<BR\>\<BR\>\<BR\>\<\</FONT\>\<FONT color=#0000cc\>p\</FONT\>\<FONT  
color=#006600\>\>\</FONT\>\<FONT color=#0000cc\>This\_is\_my\_IFrame\_page\</FONT\>\<FONT  
color=#006600\>\</\</FONT\>\<FONT color=#0000cc\>p\</FONT\>\<FONT  
color=#006600\>\>\<BR\>\<BR\>\<BR\>\<BR\>\</\</FONT\>\<FONT  
color=#0000cc\>body\</FONT\>\<FONT  
color=#006600\>\>\<BR\>\<BR\>\<BR\>\<BR\>\</\</FONT\>\<FONT  
color=#0000cc\>html\</FONT\>\<FONT color=#006600\>\>\</FONT\>\>  
\<meta name=“GENERATOR” content=“Microsoft FrontPage 5.0”\>  
\<meta name=“ProgId” content=“FrontPage.Editor.Document”\>  
\<meta http-equiv=“Content-Type” content=“text/html; charset=windows-1252”\>  
\<title\>New Page 1\</title\>  
\</head\>

\<body\>  
&nbsp;\<p\>  
\<iframe name=“I1” src=“new\_page\_1.htm” height=“100” width=“100” scrolling=“yes” align=“center”\>  
Your browser does not support inline frames or is currently configured not to display inline frames.\</iframe\>\</p\>

\</body\>

\</html\>

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 5, 2003, 2:23am UTC](https://forum.kirupa.com/t/fp-2002-inline-frames/30019/16 "2003-09-05T02:23:52Z")

</div>

Working example here