PDA

View Full Version : CS4 editable region getting pushed down?


oo3
04-22-2010, 08:11 PM
Sup guys, I tried doing a search but couldn't find anything. I set up a couple areas in my website to be editable from a template I put together. Everything looks okay until I add content to the region and preview it in Firefox. It seems what it's doing is either pushing down the region or adding a margin and I can't seem to find out how to resolve it. It seems to only be affecting Firefox and not Chrome or Safari.

Please give me some ideas I can check out. Thanks!

http://img.photobucket.com/albums/v391/oo3/dwpreview.png

#content_left {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #FFF;
height: 540px;
width: 359px;
background-color: #000;
top: 0px;
margin-top: 0px;
}<html><!-- InstanceBegin template="/Templates/dig_main_layout.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Contact Us</title>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="site_layout.css" rel="stylesheet" type="text/css">
<link href="content_left.css" rel="stylesheet" type="text/css">
<link href="content_right.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body bgcolor="#FFFFFF" lonLoad="MM_preloadImages('../images/home_rollover.gif','../images/projects_rollover.gif','../images/about_us_rollover.gif','../images/contact_rollover.gif')">
<!-- Save for Web Slices (dig_web_concept3.psd) -->
<div id="site_layout">
<table width="901" height="592" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="2" rowspan="2">
<img src="images/sidebar_logo.png" width="137" height="15" alt=""></td>
<td colspan="15">
<img src="images/dig_web_concept3_02.gif" width="739" height="9" alt=""></td>
<td rowspan="7">
<img src="images/right_sidebar.gif" width="24" height="591" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/dig_web_concept3_04.gif" width="654" height="6" alt=""></td>
<td rowspan="4">
<a href="http://www.facebook.com/pages/DESIGN-is-GO/101987609840273" target="_blank">
<img src="images/facebook.png" width="24" height="24" border="0" alt="Find us on Facebook"></a></td>
<td rowspan="4">
<img src="images/dig_web_concept3_06.gif" width="6" height="24" alt=""></td>
<td rowspan="4">
<a href="http://twitter.com/DESIGNisGOpdx" target="_blank">
<img src="images/twitter.png" width="25" height="24" border="0" alt="Follow us on Twitter"></a></td>
<td rowspan="4">
<img src="images/dig_web_concept3_08.gif" width="6" height="24" alt=""></td>
<td colspan="2" rowspan="4">
<a href="http://designisgopdx.wordpress.com/" target="_blank">
<img src="images/wordpress.png" width="24" height="24" border="0" alt="Read our blog"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td rowspan="4"><a href="index.htm"><img src="images/sidebar_logo-11.png" alt="Design is Go" width="136" height="557" border="0"></a></td>
<td colspan="2"><a href="index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/home_rollover.gif',1)"><img src="images/home.gif" alt="Back to home" name="home" width="42" height="10" border="0"></a></td>
<td rowspan="2">
<img src="images/dig_web_concept3_12.gif" width="32" height="17" alt=""></td>
<td><a href="projects.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('projects','','images/projects_rollover.gif',1)"><img src="images/projects.gif" alt="Our projects" name="projects" width="75" height="10" border="0"></a></td>
<td rowspan="2">
<img src="images/dig_web_concept3_14.gif" width="36" height="17" alt=""></td>
<td><a href="aboutus.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('about_us','','images/about_us_rollover.gif',1)"><img src="images/about_us.gif" alt="About us" name="about_us" width="74" height="10" border="0"></a></td>
<td rowspan="2">
<img src="images/dig_web_concept3_16.gif" width="32" height="17" alt=""></td>
<td><a href="contactus.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','images/contact_rollover.gif',1)"><img src="images/contact.gif" alt="Contact us" name="contact" width="68" height="10" border="0"></a></td>
<td colspan="2" rowspan="3">
<img src="images/dig_web_concept3_18.gif" width="296" height="18" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td>
<img src="images/sidebar_logo-20.png" width="1" height="7" alt=""></td>
<td>
<img src="images/dig_web_concept3_20.gif" width="41" height="7" alt=""></td>
<td>
<img src="images/dig_web_concept3_21.gif" width="75" height="7" alt=""></td>
<td>
<img src="images/dig_web_concept3_22.gif" width="74" height="7" alt=""></td>
<td>
<img src="images/dig_web_concept3_23.gif" width="68" height="7" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="8" rowspan="2"><div id="content_left"><!-- InstanceBeginEditable name="content_left" -->
<p>Duy Mai | Creative Director<br>
503.516.3888<br>
duy@designisgopdx.com </p>
<p>Minh Ly | Account Director<br>
503.572.4114<br>
minh@designisgopdx.com</p>
<p>General Mailbox<br>
info@designisgopdx.com </p>
<!-- InstanceEndEditable --></div></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td>
<img src="images/dig_web_concept3_25.gif" width="11" height="539" alt=""></td>
<td colspan="7"><div id="content_right"><!-- InstanceBeginEditable name="content_right" -->content_right<!-- InstanceEndEditable --></div></td>
<td>
<img src="images/spacer.gif" width="1" height="539" alt=""></td>
</tr>
<tr>
<td>
<img src="images/lower_left.gif" width="136" height="19" alt=""></td>
<td>
<img src="images/dig_web_concept3_28.gif" width="1" height="19" alt=""></td>
<td colspan="14"><div id="footer">&copy; 2010 DESIGN is GO LLC, ALL RIGHTS RESERVED</div></td>
<td>
<img src="images/dig_web_concept3_30.gif" width="1" height="19" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="136" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="41" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="32" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="75" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="36" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="74" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="32" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="68" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="285" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="23" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td></td>
</tr>
</table>
</div>
<!-- End Save for Web Slices -->
</body>
<!-- InstanceEnd --></html>