Iframe in Firefox vs. Iframe in IE/Opera... Transparen problems...

AnachroNia · 11-27-2005

Hello,

I have a problem with an iframe in my site... I didnt know it before i saw the site with IE....

I have this in the main HTML...

Code:

  <table width="592" style="background: url(./images/5.gif) no-repeat center;">
  		   	   <tr><!-- Row 1 -->
    	   	   <td width="29"><img src="images/1.gif" height="50" width="19" alt="X"></td>
    		   <td width="525">&nbsp;</td>
    		   <td width="38"><img src="images/2.gif" width="37" alt="X"></td>
  			   </tr>
  			   <tr ><!-- Row 2 -->
    		   <td>&nbsp;</td>
    		   <td class="head">


<iframe name="Main" id="datamain" src="About.html" width="100%" height="320" marginwidth=0 marginheight=0 frameborder=0 scrolling=no></iframe>
&nbsp;
<br>
<div style="width: 100%;" align="center">
<a href="#" onMouseover="scrollspeed=-2" onMouseOut="scrollspeed=0">Up</a> | <a href="#" onMouseOver="scrollspeed=2" onMouseout="scrollspeed=0">Down</a>
</div>

<td>
    		   <td>&nbsp;</td>
  			   </tr>
  			   <tr><!-- Row 3 -->
    		   <td width="29"><img src="images/3.gif" width="29" height="43" alt="X"></td>
    		   <td align="right">&nbsp;</td>
    		   <td width="38"><img src="images/4.gif" width="38" height="28" alt="X"></td>
 			   </tr>
		    </table>

and these are the styles in the iframe.....

Code:

<style type="text/css">
a{ font-size: x-large; font-weight: 700; font-style: normal; text-decoration: none; text-transform: 

none; font-variant: normal;}
  TD.head{
	font-family: Verdana; 
	font-size: 9pt;
	line-height: 14px;
    color: #cccccc;
}
</style>
</head>
<body text="#CCCCCC" style="backgraund: transparent;">

The problem comes with that the table have background and the iframe in IE and opera is not transparent ... so i dont see the table back but a white square.... anyideas how i can make it that i see it like with firefox???

This is a link to the site...
But i'm not sure u can open this host.... but try...

ecntrc · 11-28-2005

you know I had the same problem with a clients site. I just decided to use my eye balls and make a background that will look the same as the rest of the site background instead of being transparent. I dont think firefox supports transparent frames. I could be wrong but I was told that before. You could slice your site, I saw a video of slicing, and well I cant explain it.. youd have to watch the tut here now its a 20 min tut, but the part that you might want to see is where he slices it but the then switches to where the background goes, that might help you. Sorry if I caused confusion. I hope you come up with something.

11-28-2005

I don't have any help for you since I'm not using tables or frames of any kind.

But one thing that is, in my oppinion, easier than using frames is this.

I'll make this a short one just so you get the idea.

<div style="height: 200px; width: 200px; overflow: auto">Enter your text here</div>

By that way you can just type whatever you want, and it will make a scrolling bar automatically if you type to many letters that it can display. The only disadvantage this gives you, is that you must produce every page with this, so instead of having the iframe source pinpointed to a .html document holding the text, you have to make those .html documents completely 'independent'.

Might be some cloudy stuff on what I just said, but as stated before, try this sometime instead of the iframe and see what suits you best.

AnachroNia · 11-28-2005

Quote:

Originally Posted by chippy

I don't have any help for you since I'm not using tables or frames of any kind.

But one thing that is, in my oppinion, easier than using frames is this.

I'll make this a short one just so you get the idea.

<div style="height: 200px; width: 200px; overflow: auto">Enter your text here</div>

By that way you can just type whatever you want, and it will make a scrolling bar automatically if you type to many letters that it can display. The only disadvantage this gives you, is that you must produce every page with this, so instead of having the iframe source pinpointed to a .html document holding the text, you have to make those .html documents completely 'independent'.

Might be some cloudy stuff on what I just said, but as stated before, try this sometime instead of the iframe and see what suits you best.

The first is that i dont want scroller bars.....
I dont use divs because I need really dinamic site.... fast to load etc... cause it must support many users.... dont want to make it hard for the server.... And... it wont be only text but php scripts and some other staff .... it's easyer with iframe and looks better... i must make it work some way...
It will be hard to make the image this way... it's something like a pattern but when the frame is scrolling down the back will move and the pic wont be where it must be ..... i need to make it transparent.... in firefox it is... but in IE and OPERA it isnt..... its white....

sneeuwbal · 11-29-2005

I agree with ecntrc

the easiest way will be slicing the background image, and using the pasrt you want as a background for the iframe as a fixed background in every page you want to load in the iframe

makes it easy on the server, and it supports every kind of script you could ever want. The tut could help but the principal ain't very hard, you just use the slice tools in photoshop to createthe squares you want, and then save it as a html page. The html code will be gererated automaticly, and is easely edited in dreamweaver.

AnachroNia · 11-29-2005

And... is there another way to load text/html in a page if it isnt with iframe... in xhtml transnational is there a way to do it.... I think it wont be good to load every page every time u click a link because the whole page except the text is the same... i think in xhtml 1 there is not used iframes... but is there other ways.... maybe if i try doing it another way it will work...