iframe

[Snitz]

<div align="center"><iframe frameborder="0" allowtransparency="yes" src="main.html" width="390px" height="450px"></iframe>
</div>
I have this code on one of my pages
but the scrollbar is a mess

http://img.photobucket.com/albums/v217/snitz0/81c4e260.jpg


how can I make the scrollbar work with my style.css, even though I have linked the new iframe page to the css file
and how can I remove the horizontal scrollbar ?

[mark87]

Well either make sure the iframe page fits into the width of the iframe - you can set the width of the body which may help remove the horizontal scrollbar -

body { width: 80% }

Or I guess you could use the overflow-x property but that is IE only I think.

As for styling - only IE supports styling of the scrollbar.

[sesshyzkidz]

Or I guess you could use the overflow-x property but that is IE only I think.
True, though I've heard that some people can use it in Mozilla (Google it). I last tried it using Firefox 1.03 and it didn't work (not even with "-moz" preceding it). Opera has implemented some CSS3 properties, but I'm not sure if they implemented overflow-x and overflow-y.

[Snitz]

I made it 80%, now the file isn't opening at all
it's giving an error and closing
I made it 350px back

[Snitz]

body { width: 80% }
that worked

but now what about the css style
why isn't working ??
im using IE and almost everyone in lebanon does!!

[mark87]

How are you setting the style of the scrollbars?

Latest doctypes require you to state html instead of body, so using both should work (place in your main page holding the iframe (and possibly the iframe page as well)) - eg.

<style type="text/css">
html, body {
scrollbar-3dlight-color:#ffd700;
scrollbar-arrow-color:#ff0;
scrollbar-base-color:#ff6347;
scrollbar-darkshadow-color:#ffa500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#ff69b4;
scrollbar-shadow-color:#f0f
}
</style>

[Snitz]

well there's the situation

I have a style.css file and it's linked to all the files even the iframe one with this line
<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">

it's working on my main files such as: index.php and others
but on the iframe file: main.html it isn't working

this is the code of my style.css
body,td,th {
font-family: Arial;
font-size: 11px;
color: 8A8A8A;
vertical-align: top;
line-height:13px;
}
img{border:0;}
a {
font-family: Arial;
font-size: 11px;
color: #CAB283;
}
a:visited {
color: #CAB283;
}
a:hover {
color: #CAB283;
}
a:active {
color: #CAB283;
}
.style1{
color:#C1C1C1;
}
body {margin: 0; width: 80%;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #666666;
scrollbar-highlight-color: #666666;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color: #666666;
scrollbar-track-color: #666666;
scrollbar-arrow-color: #CC9900;}

[mark87]

Well as I said you should specify 'html' as well for setting the scrollbar colour.... and you need to set the colours on the page holding the iframe.

body { margin: 0; width: 80%; }

body, html {
scrollbar-face-color: #000000;
scrollbar-shadow-color: #666666;
scrollbar-highlight-color: #666666;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color: #666666;
scrollbar-track-color: #666666;
scrollbar-arrow-color: #CC9900;
}

[Snitz]

wooooooooooooooow

thx dude

thank you :D