i have the following simple bit of code i am using for a templating system i have built using fck editor as the interface for users.
My problem is that in ie7 in both fckeditor and ckeditor, you cannot edit the content of the "divs".
Its all okay if i take out the <style> tag or if i only have simple css inside but with more code like the following example it reders the content un usable, meaning my users would be unable to edit there content.
This is very important to me and any help would be greatly appreciated . I have searched arround on the forum and i could not find anything like this. so i wonder if its just my lack of fckeditor knowledge?
cheers in advance.
Andrew Stilliard.
i also want to point out that when i clicked preview on here a got a small php error on the top of the page, just thought i would mention it for the admins.
[phpBB Debug] PHP Notice: in file /antispam/spam_words.php on line 62: preg_match_all() [function.preg-match-all]: Delimiter must not be alphanumeric or backslash
My problem is that in ie7 in both fckeditor and ckeditor, you cannot edit the content of the "divs".
Its all okay if i take out the <style> tag or if i only have simple css inside but with more code like the following example it reders the content un usable, meaning my users would be unable to edit there content.
This is very important to me and any help would be greatly appreciated . I have searched arround on the forum and i could not find anything like this. so i wonder if its just my lack of fckeditor knowledge?
cheers in advance.
Andrew Stilliard.
<style type="text/css">.main-outer-all { background-color: #FFFFFF; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #000;}.main-outer-product { background-color: #F4EDD3; width: 800px; text-align: left; margin: auto; border-left: 1px solid #2E2E2E; border-right: 1px solid #2E2E2E; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}.main-outer-product .top-section { background-color: #2E2E2E; padding: 20px; margin: 0px; border-radius-topleft: 6px; border-radius-topright: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -khtml-border-top-left-radius: 6px; -khtml-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;}.main-outer-product .middle-section { padding: 0px; margin: 0px;}.main-outer-product .middle-left { padding: 4px; margin: 0px; float: left; width: 300px; text-align: center; vertical-align: middle;}.main-outer-product .middle-right { padding: 4px; margin: 0px; float: right; width: 480px; padding-right: 0px;}.main-outer-product .footer-section { padding: 4px; margin: 0px; clear: both; background-color: #2E2E2E; color: #FFF; border-radius-bottomleft: 6px; border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -khtml-border-bottom-left-radius: 6px; -khtml-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;}.main-outer-product h1 { color: #FFF;}.main-outer-product h2 { background-color: #BBB083; color: #FFF; padding: 1px;}.main-outer-product h3 { color: #FFFFFF; margin: 0px;}.main-outer-product p { padding: 2px;}.floating-right { float: right; clear: right;}.main-outer-product .main-image { max-width: 280px; max-height: 280px;}.clear-left { clear: both;}.product-code { font-size: 14px;}</style>
<div class="main-outer-all">
<div class="main-outer-product">
<div class="top-section">
<h3 class="floating-right">{company:name} <br />
{company:phone}</h3>
<h1>{product:name} <span class="product-code">- {product:code}</span></h1>
</div>
<div class="middle-section">
<div class="middle-left">
<p><img class="main-image" title="{product:name}" alt="{product:name}" src="{product:image}" /></p>
</div>
<div class="middle-right">
<h2>Description</h2>
{product:description}
<h2>View In Our Main Store</h2>
<p><a href="{product:link}">Click here to view this product in our main store </a></p>
</div>
<h2 class="clear-left">Features / Attributes</h2>
{product:attributes}
<h2 class="clear-left">Payment Terms & Conditions</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h2 class="clear-left">Delivery Terms & Conditions</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h2 class="clear-left">Returns Policy</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="footer-section">
<h3>{product:name}</h3>
<h3>{company:name}</h3>
<p>(C) {date:now}</p>
</div>
</div>
</div>i also want to point out that when i clicked preview on here a got a small php error on the top of the page, just thought i would mention it for the admins.
[phpBB Debug] PHP Notice: in file /antispam/spam_words.php on line 62: preg_match_all() [function.preg-match-all]: Delimiter must not be alphanumeric or backslash