PDA

View Full Version : iFrame shifts left on widescreen monitor

montage
05-11-2006, 07:29 PM
After creating a page with an iFrame that pulls a form page from another url, I lined everything up within the table as it appeared centered.

All was fine until I viewed the page on my widescreen laptop. The contents of the iFrame shift left. I have tried style="position:center & also :absolute along with other variables to correct this.

Does anyone see a fix, maybe add a css property for center to it? Thanks!



<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (1_home.psd - Slices: 02, 03, bottom, flash) -->
<TABLE WIDTH=766 height="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0 align="center">
<TR>
<TD WIDTH=766 HEIGHT=264 ALT="" valign="top"><TABLE WIDTH=766 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=8><IMG SRC="/images/logo_1.jpg" WIDTH=766 HEIGHT=231 ALT=""></TD>
</TR>
<TR>
<TD><IMG SRC="images/left_men.jpg" WIDTH=15 HEIGHT=33 ALT=""></TD>
<TD background="images/m1.jpg" WIDTH=123 HEIGHT=33 ALT="" valign="top"><div style="margin-top:11px " align="center"><a href="index.html" style="color:#FFFFFF; text-decoration:none "><strong>Home page</strong></a></div></TD>
<TD background="images/m2.jpg" WIDTH=123 HEIGHT=33 ALT="" valign="top"><div style="margin-top:11px " align="center"><a href="who.html" style="color:#FFFFFF; text-decoration:none "><strong>Who we are</strong></a></div></TD>
<TD background="images/m3.jpg" WIDTH=123 HEIGHT=33 ALT="" valign="top"><div style="margin-top:11px " align="center"><a href="news.html" style="color:#FFFFFF; text-decoration:none "><strong>Our News </strong></a></div></TD>
<TD background="images/m4.jpg" WIDTH=123 HEIGHT=33 ALT="" valign="top"><div style="margin-top:11px " align="center"><a href="search.html" style="color:#FFFFFF; text-decoration:none "><strong>Home Search </strong></a></div></TD>
<TD background="images/m5.jpg" WIDTH=123 HEIGHT=33 ALT="" valign="top"><div style="margin-top:11px " align="center"><a href="listings.html" style="color:#FFFFFF; text-decoration:none "><strong>Properties </strong></a></div></TD>
<TD background="images/m6.jpg" WIDTH=121 HEIGHT=33 ALT="" valign="top"><div style="margin-top:11px " align="center"><a href="form.html" style="color:#FFFFFF; text-decoration:none "><strong>Contact us</strong></a></div></TD>
<TD><IMG SRC="images/right_men.jpg" WIDTH=15 HEIGHT=33 ALT=""></TD>
</TR>
</TABLE></TD>
</TR>
<TR>
<TD WIDTH=766 HEIGHT=28 ALT="" valign="top"><TABLE WIDTH=766 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD><IMG SRC="images/left1.jpg" WIDTH=16 HEIGHT=28 ALT=""></TD>
<TD WIDTH=734 HEIGHT=28 ALT="" valign="top" background="images/px.jpg"><table width="734" height="28" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="183" valign="top" background="images/px2.jpg" style="background-position:top right; background-repeat:no-repeat "><div style="margin-left:12px; margin-top:9px "><img src="images/1txt1.jpg"></div></td>
<td width="261" valign="top" background="images/px2.jpg" style="background-position:top right; background-repeat:no-repeat "><div style="margin-left:11px; margin-top:9px "><img src="images/1txt2.jpg"></div></td>
<td width="290" valign="top"><div style="margin-left:12px; margin-top:9px "><img src="images/1txt3.jpg"></div></td>
</tr>
</table></TD>
<TD><IMG SRC="images/right1.jpg" WIDTH=16 HEIGHT=28 ALT=""></TD>
</TR>
</TABLE></TD>
</TR>
<TR>
<TD WIDTH=766 HEIGHT=313 ALT="" valign="top"><TABLE WIDTH=766 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD WIDTH=16 HEIGHT=419 ALT="" background="images/left_px.jpg"><img src="images/spacer.gif"></TD>
<TD WIDTH=734 HEIGHT=419 ALT="" valign="top"><table width="730" height="416" border="1" cellpadding="1" cellspacing="2">
<tr>
<td>&nbsp;</td>
</tr>
</table></TD>
<TD WIDTH=16 HEIGHT=419 ALT="" background="images/right_px.jpg" valign="top"><img src="images/spacer.gif"></TD>
</TR>
</TABLE></TD>
</TR>
<TR>
<TD background="images/bot_px.jpg" WIDTH=766 HEIGHT=100% ALT="" valign="top"><table width="766" height="100%" border="0" cellspacing="0" cellpadding="0" background="images/bottom.jpg" style="background-repeat:no-repeat ">
<tr>
<td valign="top"><div align="center" style="margin-top:15px; color:#FFFFFF "><strong><a href="index.html" style="color:#FFFFFF; text-decoration:none ">Home page</a><img src="images/spacer.gif" width="12" height="1">::<img src="images/spacer.gif" width="12" height="1"><a href="who.html" style="color:#FFFFFF; text-decoration:none ">Who we are</a><img src="images/spacer.gif" width="12" height="1">::<img src="images/spacer.gif" width="12" height="1"><a href="news.html" style="color:#FFFFFF; text-decoration:none ">Our News </a><img src="images/spacer.gif" width="12" height="1">::<img src="images/spacer.gif" width="12" height="1"><a href="search.html" style="color:#FFFFFF; text-decoration:none ">Home Search </a><img src="images/spacer.gif" width="12" height="1">::<img src="images/spacer.gif" width="12" height="1"><a href="listings.html" style="color:#FFFFFF; text-decoration:none ">Properties </a><img src="images/spacer.gif" width="12" height="1">::<img src="images/spacer.gif" width="12" height="1"><a href="form.html" style="color:#FFFFFF; text-decoration:none ">Contact us</a></strong></div>
</tr>
</table></TD>
</TR>
</TABLE
><!-- End ImageReady Slices -->
<iframe id="Property Search" name="Property Search" style="position:absolute; width:730px; height:410px; top:300px; left:120px; z-index:1" frameborder="no" scrolling="yes" src="http://webapps2.planetrealtor.com/idx/pkg_IDX.pr_ViewMyIDXListings?sStateID=FL&sRealtorID=1066515&sUserType=R&sSearchSource=X">&nbsp;</iframe>
</BODY>
adamjthompson
05-12-2006, 02:34 AM
You've got "left:120px" as one of your values/attributes for the iframe.

Are you saying that on your wide screen laptop the iframe goes to 0px from the left margin?

Hope that makes sense. :p
montage
05-12-2006, 07:56 PM
I have somehow fixed it. I will have to compare files to see where the problem was.....and will post it here

Thanks for looking.