 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
CrapFactory
Joined: 14 Dec 2007 Posts: 1
|
Posted: Fri Dec 14, 2007 11:08 am iFrames horizontal scrolling issues, validation problems AND |
|
|
|
iFrames horizontal scrolling issues, validation problems AND Firefox compatibilitiy.
I have an iframe that holds a site with text as it's source. No matter what I do it wants to put a horizontal scroll bar when I only NEED a verticle one. It does this in Internet Explorer ONLY.
Also I have another problem with Internet Explorer. I have buttons that use the following code:
<a href="../sites/request.htm" onmouseover="document.request.src='../pics/request2.jpg'" onmouseout="document.request.src='../pics/request1.jpg'">
<img src="../pics/request1.jpg" name="request" alt="link: Java Script / Applets Page" border="0"></a><br>
Basically just to make the graphic change when your mouse goes over them. However in Internet Explorer it has trouble validating those roll overs with that stupid warning at the top.
"To help protect your security, Internet Explorer has restricted this file from showing active content that could access your computer. Click here for options..."
Unless you allow the site content which involves right clicking and stuff it will NOT do the mouse over effects. Of course I don't want this and I want the buttons to work.
This site needs to be compatible with IE and Firefox. I actualy HAD used some code that fixed the IE problems but completely screwed it for Firefox. (sorry can't find that code right now).
HELP!
Also the iframe code is this (but in a simple table):
<iframe name="aboutdetail" allowtransparency="yes" marginheight="5" marginwidth="5" scrolling="auto" frameborder="0" height="350" width="550" src="aboutusdetails.htm"></iframe>
TO SUMMERIZE:
I need to KILL the horizontal Scroll bar in IE in the iframe
I need to make the onmouseover button effects not get stopped by IE security.
I need both those completely compatible with BOTH Firefox and IE. |
|
camoman666

Joined: 24 Jun 2006 Posts: 362 Location: Fort Walton Beach, FL, USA
|
Posted: Fri Dec 14, 2007 3:18 pm |
|
|
|
| Code: |
| <iframe name="aboutdetail" allowtransparency="yes" marginheight="5" marginwidth="5" scrolling="auto" frameborder="0" height="350" width="550" src="aboutusdetails.htm"></iframe> |
And, are you looking at the page on your hard drive before uploading it? If this is so, try uploading it first, about 99% of the pages I make with JavaScript say that thing at the top, but when I upload them, it goes away.
Hope this helps. |
|
sticks464
Joined: 31 Dec 2006 Posts: 1116
|
Posted: Fri Dec 14, 2007 4:22 pm |
|
|
|
Post your code or a live link so we can see the code of the links (not just partial code).
Fot the i-frame problem, the content page (aboutusdetails.htm)width has to be smaller than the i-frame width and take into consideration the width of the right scrollbar. If the displayed content is 550px there will be a horizontal scrollbar, so set the width to be 530px allowing about 20px for the scrollbar. Then add this to that page's head section
| Code: |
<style type="text/css">
html { overflow-x: hidden; overflow-y: auto; border:none;}
</style> |
You dont have to change anything on the page the actual i-frame is on. Also you must have a doctype of (x)html transitional so page with the i-frame will validate. |
|
camoman666

Joined: 24 Jun 2006 Posts: 362 Location: Fort Walton Beach, FL, USA
|
Posted: Fri Dec 14, 2007 4:25 pm |
|
|
|
Oh, wow I didn't realize I missed the scroll bar problem. I had every intent of adding the code to fix it in there but I guess I just copied and pasted. That's the first time, that I recall, that I've done something THAT blind. |
|
|
|
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|