|
Re: css style iframe content
Quote:
Originally Posted by Gwayn
- Code: Select all
body#tmpl1 iframe#editor{background: #FFF;}
body#tmpl1 iframe#editor span {color: #00F; display:block; margin-bottom: 5px;}
|
Unfortunately I'm having trouble being that specific from the body down to the iframe as some of the div and even table id's are also dynamic!
Here is the dom tree down to the iframe:
- Code: Select all
<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>
So I have attempted to be ultra specific (I'm not predominantly a css programmer)
- Code: Select all
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; }
With little success 
Last edited by hiropowers; Apr 21st, 2007 at 00:58.
Reason: update css
|