PDA

View Full Version : iFrame problem


MultiblueDesign
April 20th, 2005, 02:27 AM
http://www.hostonline.co.za/t

click on the services icon, in IE it shows a horizontal scrollbar at the bottom, which I don't want. In Firefox it displays correct.

Any help? PROBLEM SOLVE

I have a new problem I would like to change my scrollbar color, etc of the iframe but no luck, iv'e added the css code to the style section but does not seem to work, but it works when I add it to the main frame but that is not what i'm after.
dpg-105
April 20th, 2005, 08:40 AM
hi,

I had the same issue.

some how using this at the top of the page...

<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

...solved my problem.

I'm using it on my site on the left, 'shoutbox'.
http://www.regime-syntax.net/index2.php

If u remove the comments u r back at square one.
I have no clue why this works sins comment should be ignored.

If anyone has an idea why this is please tell.

good luck.
bye
simplistik
April 20th, 2005, 09:54 AM
Uh... I answered this a couple days ago... however seems as if the whole freakin thread was deleted or somethin... I couldn't find my own post. Anyway, in the iframe tag use:

<iframe scrolling="yes"> that will get rid of the horizontal scrollbar. As for skinning a scrollbar in IE you should just be able to use this piece of code in your CSS
body {
scrollbar-base-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #000000;
}
of course you can change the values as you see fit.

As for using two doctypes... I have no clue how that worked... it probably confused the html code so much that it went dumb and just all the sudden worked.
MultiblueDesign
April 20th, 2005, 10:42 AM
I've tried using


body {
scrollbar-base-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #000000;
}

some how this does not work on the iframe.
simplistik
April 20th, 2005, 10:47 AM
I believe the scrollbar coding has to go into the document you're loading... so say if you have <iframe src='new.html'> the CSS attatched to new.html needs to contain that coding. I can't test this right now since it's on a PC IE thing, and I don't have a PC near me.
MultiblueDesign
April 20th, 2005, 10:54 AM
Believe it or not have done that 2, could'nt believe it myself.
simplistik
April 20th, 2005, 11:08 AM
Umm... the last thing I can think of then is in your CSS do

iframe {
scrollbar-base-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #000000;
}

Sorry if these solutions don't work... I don't really skin the scrollbars since it's not cross browser/platform compatible
hl
April 20th, 2005, 04:20 PM
<iframe src="page.html" style="overflow-x:invisible;"> ?
thesparky007
April 20th, 2005, 09:50 PM
it should work if you put the scroll bar code in the code of the page being used as an iframe
i have did it a lot of times
darn it i wish i had an example
MultiblueDesign
April 21st, 2005, 01:54 AM
believe it or not took away this line, <!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">--> and it works now, strange.
thesparky007
April 21st, 2005, 06:56 PM
what is that for anyway?
panhead490
September 10th, 2005, 09:12 PM
it tells the browser what type of markup to expect. as browsers start to fully support the xhtml standard it will become more vital. having code like that is necessary for it to be valid markup. though browsers know what to do with it if you don't have it.