Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Why my iframe & my textarea are not getting along? 1

Status
Not open for further replies.

javierdlm001

Technical User
Jun 28, 2008
264
0
0
CA
Mind you due to the work environment technical restrictions I can only use IE8.
The OS is WinXP.

For some reason that I'm failing to spot, I can't have both things at the same time. Is either the iframe tag or the textarea tag. I wonder if it's a limitation of IE8, or I'm just doing a "big NO NO". I would appreciate it if someone could enlighten me with this ;)



Code:
<html>
<head>

<style type="text/css">
div.c_notes { position:relative; width:400px; height=auto; left:600px; top:-600px;border:1px solid black;}
div.d_titles2 { position:relative; width:1000px; height=35px; left:400px; top:-300px;background-color:000;border:1px solid black;}
div.b_titles1 { position:relative; left:200px; top:-200px;height=35px; background-color:000; border:1px solid black;}
div.c2_sources { position:relative; width:300px; height=298px; background-color:fff; left:182px; top:-10px;border:1px dashed green;}

h5 {font-family:arial, sans-serif; /}
h3 {font-family:verdana,sans-serif;/}
th {font-family:verdana,sans-serif; color:ffffff;/}
font {font-family:calibri, arial, verdana, sans-serif; margin-left:10px; /}
font.smll {font-family:verdana,sans-serif; font-size:9pt;color:ffffff;/}
td {background-color:white;}
img.de3symb {margin-left:10px; /} /* padding-left:2cm; */

</style>

</head>
<body>

<div class="c2_sources">

<table>
  <tr>
  <td>
<!-- <iframe src="c2cbuttons.htm" scrolling="no" width="400px" > -->
   </td> 

</tr>

</table>
</div>


  <div class="b_titles1" style="width:400px;"> Notes </div>


 <textarea cols="54" rows="16" scrolling="auto" style="background-color:#e8edef;color:000;font-family:verdana,arial;" > 
Replace this text with your own notes - Warning: 
Your notes will be erased should you refresh/reload this page.
 </textarea>

   </div> <!-- Notes ends -->
  

<div class="d_titles2">
<font> This is some text to fill in the cells. This is some text to fill in the cells. This is some text to fill in the 

cells. 
</font>
</div>


</body>
</html>
 
I failed to mention this, just in case:
Notice that if you are to remove the Comments tags from the iframe tag the textarea tag will no longer show.
 
That's because you never close the iframe. Iframe aren't self closing, so essentially everything after the iframe declaration becomes its content, but because you define a source for it, it replaces the misappropriated content so it can't be seen.

Close the iframe, and your text box should show up.

Code:
<iframe ...> </iframe>

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
Boy!
Thanks a million Phil!

I can finally move forward, thanks to you :)

JDL
 
Glad I could help.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
Nice one Chris!
Going into my Bookmarks right away!
Thanks a bunch! :)

JDL
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top