css style iframe content [Archive]

hiropowers

20th April 07, 01:50 PM

I have xthml page with an iframe that has src="dynamic-source" for a wysiwyg editor, I'm trying to style the content inside the iframe from the page that contains the iframe. The browser sees the iframe as a separate frame therefore a separate page. As the iframe content is dynamic, I cannot include the css on the iframe's src (content page of iframe)... There must be a way to apply css style to the iframe content from the page that contains the iframe... ANY hits would be awesome!! thanks ;)

hiropowers

21st April 07, 01:48 AM

Here is the dom tree down to the iframe:
<html>
<body>
<form id="main_form">
<table id="backend_section_4">
<tr>
<td>
<table class="sq-backend-section-table-inner">
<tbody>
<tr>
<td class="sq-backend-data">
<table class="bodytext">
<tbody>
<tr>
<td>
<table>
<tbody>
<tr>
<td id="dynamic creaded id">
<div ="dynamic creaded id">
<div id="htmlarea">
<iframe id="iframe-div">
<html>
<body>
<p>dynamic content here!!!</p>

I have attempted to be specific on the page containing the iframe:
html body form#main_form table#backend_section_4 tr td table.sq-backend-section-table-inner tbody tr td.sq-backend-data table.bodytext tbody tr td table tbody tr td div div.htmlarea iframe#iframe-div {
color: #f30; }
But no success :S