By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,057 Members | 1,363 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,057 IT Pros & Developers. It's quick & easy.

Resize browser moves divs

P: 1
Well...

I'm not sure if this can be fixed, I've tried many ways. But here goes; When you resize your browser window it seems to move my video & photo divs. I want them kept in line with the main div. please help. Yes, its for myspace profile.


Expand|Select|Wrap|Line Numbers
  1. <div class="main">
  2. <table style="width="800px"; height="1024px"; cellpadding="0"; cellspacing="0";background-color="1c1c1c";">
  3. <tr><td valign="top">
  4.     <tr>
  5.         <td colspan="10">
  6.             <img src="images/12sky_01.jpg" width="800" height="37" alt=""></td>
  7.         <td>
  8.             <img src="images/spacer.gif" width="1" height="37" alt=""></td>
  9.     </tr>
  10.     <tr>
  11.         <td rowspan="12">
  12.             <img src="images/12sky_02.jpg" width="67" height="987" alt=""></td>
  13.         <td colspan="3">
  14.             <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0yMjg3MDI5NzUmTXlUb2tlbj04OWYxNzc3Yy03NjE1LTQyNGQtOWFmMy05ZDBjZGE5ZGYwNWU=">
  15.                 <img src="images/Overlay_03.jpg" width="126" height="33" border="0" alt=""></a></td>
  16.         <td colspan="6">
  17.             <img src="images/12sky_04.jpg" width="607" height="33" alt=""></td>
  18.         <td>
  19.             <img src="images/spacer.gif" width="1" height="33" alt=""></td>
  20.     </tr>
  21.     <tr>
  22.         <td rowspan="11">
  23.             <img src="images/12sky_05.jpg" width="1" height="954" alt=""></td>
  24.         <td colspan="3">
  25.             <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9yd2FyZCZmcmllbmRJRD0yMjg3MDI5NzUmZj1mb3J3YXJkcHJvZmlsZQ==">
  26.                 <img src="images/Overlay_06.jpg" width="158" height="39" border="0" alt=""></a></td>
  27.         <td colspan="5" rowspan="3">
  28.             <img src="images/12sky_07.jpg" width="574" height="139" alt=""></td>
  29.         <td>
  30.             <img src="images/spacer.gif" width="1" height="39" alt=""></td>
  31.     </tr>
  32.     <tr>
  33.         <td>
  34.             <a href="http://www.msplinks.com/MDFodHRwOi8vMTItc2t5LmFlcmlhZ2FtZXMuY29tL2Rvd25sb2Fk">
  35.                 <img src="images/Overlay_08.jpg" width="86" height="48" border="0" alt=""></a></td>
  36.         <td colspan="2" rowspan="10">
  37.             <img src="images/12sky_09.jpg" width="72" height="915" alt=""></td>
  38.         <td>
  39.             <img src="images/spacer.gif" width="1" height="48" alt=""></td>
  40.     </tr>
  41.     <tr>
  42.         <td rowspan="9">
  43.             <img src="images/12sky_10.jpg" width="86" height="867" alt=""></td>
  44.         <td>
  45.             <img src="images/spacer.gif" width="1" height="52" alt=""></td>
  46.     </tr>
  47.     <tr>
  48.         <td rowspan="8">
  49.             <img src="images/12sky_11.jpg" width="30" height="815" alt=""></td>
  50.         <td colspan="3">
  51.             <img src="images/12sky_12.jpg" width="502" height="183" alt=""></td>
  52.         <td rowspan="8">
  53.             <img src="images/12sky_13.jpg" width="42" height="815" alt=""></td>
  54.         <td>
  55.             <img src="images/spacer.gif" width="1" height="183" alt=""></td>
  56.     </tr>
  57.     <tr>
  58.         <td rowspan="2">
  59.             <img src="images/12sky_14.jpg" width="377" height="43" alt=""></td>
  60.         <td>
  61.             <a href="http://www.msplinks.com/MDFodHRwOi8vMTItc2t5LmFlcmlhZ2FtZXMuY29tL2Fib3V0">
  62.                 <img src="images/Overlay_15.jpg" width="71" height="20" border="0" alt=""></a></td>
  63.         <td rowspan="2">
  64.             <img src="images/12sky_16.jpg" width="54" height="43" alt=""></td>
  65.         <td>
  66.             <img src="images/spacer.gif" width="1" height="20" alt=""></td>
  67.     </tr>
  68.     <tr>
  69.         <td>
  70.             <img src="images/12sky_17.jpg" width="71" height="23" alt=""></td>
  71.         <td>
  72.             <img src="images/spacer.gif" width="1" height="23" alt=""></td>
  73.     </tr>
  74.     <tr>
  75.         <td colspan="3">
  76.             <img src="images/12sky_18.jpg" width="502" height="49" alt=""></td>
  77.         <td>
  78.             <img src="images/spacer.gif" width="1" height="49" alt=""></td>
  79.     </tr>
  80.     <tr>
  81.         <td colspan="3">
  82.             <img src="images/12sky_19.jpg" width="502" height="226" alt=""></td>
  83.         <td>
  84.             <img src="images/spacer.gif" width="1" height="226" alt=""></td>
  85.     </tr>
  86.     <tr>
  87.         <td colspan="3">
  88.             <img src="images/12sky_20.jpg" width="502" height="68" alt=""></td>
  89.         <td>
  90.             <img src="images/spacer.gif" width="1" height="68" alt=""></td>
  91.     </tr>
  92.     <tr>
  93.         <td colspan="3">
  94.             <img src="images/12sky_21.jpg" width="502" height="226" alt=""></td>
  95.         <td>
  96.             <img src="images/spacer.gif" width="1" height="226" alt=""></td>
  97.     </tr>
  98.     <tr>
  99.         <td colspan="3">
  100.             <img src="images/12sky_22.jpg" width="502" height="20" alt=""></td>
  101.         <td>
  102.             <img src="images/spacer.gif" width="1" height="20" alt=""></td>
  103.     </tr>
  104.     <tr>
  105.         <td>
  106.             <img src="images/spacer.gif" width="67" height="1" alt=""></td>
  107.         <td>
  108.             <img src="images/spacer.gif" width="1" height="1" alt=""></td>
  109.         <td>
  110.             <img src="images/spacer.gif" width="86" height="1" alt=""></td>
  111.         <td>
  112.             <img src="images/spacer.gif" width="39" height="1" alt=""></td>
  113.         <td>
  114.             <img src="images/spacer.gif" width="33" height="1" alt=""></td>
  115.         <td>
  116.             <img src="images/spacer.gif" width="30" height="1" alt=""></td>
  117.         <td>
  118.             <img src="images/spacer.gif" width="377" height="1" alt=""></td>
  119.         <td>
  120.             <img src="images/spacer.gif" width="71" height="1" alt=""></td>
  121.         <td>
  122.             <img src="images/spacer.gif" width="54" height="1" alt=""></td>
  123.         <td>
  124.             <img src="images/spacer.gif" width="42" height="1" alt=""></td>
  125.         <td></td>
  126.     </tr>
  127. </table>
  128. </td></tr>
  129.  
  130. <td width="502" height="226" ><div class="video"><table>
  131. <tr><td><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="180" width="300" data="http://www.youtube.com/v/y1elw4FvIaw&rel=1&color1=0xd6d6d6&color2=0xf0f0f0&border=0">
  132.   <param name="allowScriptAccess" value="never" />
  133.   <param name="allowNetworking" value="internal" />
  134.   <param name="movie" value="http://www.youtube.com/v/y1elw4FvIaw&rel=1&color1=0xd6d6d6&color2=0xf0f0f0&border=0" />
  135.   <param name="wmode" value="transparent" />
  136. </object></td></tr>
  137. </table>
  138. </div></td>
  139.  
  140. <td width="502" height="226"><div class="video2"><table>
  141. <tr><td>
  142. <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="180" width="300" data="http://www.youtube.com/v/eXmAYfuxHbM&rel=1">
  143.   <param name="allowScriptAccess" value="never" />
  144.   <param name="allowNetworking" value="internal" />
  145.   <param name="movie" value="http://www.youtube.com/v/eXmAYfuxHbM&rel=1" />
  146.   <param name="wmode" value="transparent" />
  147. </object></mspobj></td></tr>
  148. </table>
  149. </div></td>
  150.  
  151. <td width="502" height="226"><div class="photo"><table>
  152. <p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="125" width="426" style="width:426px;height:125px" data="http://widget-8a.slide.com/widgets/slideticker.swf">
  153.   <param name="allowScriptAccess" value="never" />
  154.   <param name="allowNetworking" value="internal" />
  155.   <param name="movie" value="http://widget-8a.slide.com/widgets/slideticker.swf" />
  156.   <param name="quality" value="high" />
  157.   <param name="scale" value="noscale" />
  158.   <param name="salign" value="l" />
  159.   <param name="wmode" value="transparent" />
  160.   <param name="flashvars" value="cy=ms&il=1&channel=2233785415178699146&site=widget-8a.slide.com" />
  161. </object><p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNsaWRlLmNvbS9waXZvdD9jeT1tcyZhdD0wJmlkPTIyMzM3ODU0MTUxNzg2OTkxNDYmbWFwPTE=" target="_blank"><img src="http://widget-8a.slide.com/p1/2233785415178699146/ms_t000_v000_a000_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNsaWRlLmNvbS9waXZvdD9jeT1tcyZhdD0wJmlkPTIyMzM3ODU0MTUxNzg2OTkxNDYmbWFwPTI="
  162. target="_blank"><img src="http://widget-8a.slide.com/p2/2233785415178699146/ms_t000_v000_a000_f00/images/xslide2.gif" border="0" ismap="ismap" /></a></p></p></td></tr>
  163. </table></tr></td>
  164. </div>
  165.  
  166. <div class="comments" align="center"><table><tr><td><table><tr><td>
Feb 4 '08 #1
Share this Question
Share on Google+
1 Reply


drhowarddrfine
Expert 5K+
P: 7,435
Never make your thread title "Help". Everyone is here for help but some feel you are wasting their time having to click through on a topic they can't help with.
Feb 4 '08 #2

Post your reply

Sign in to post your reply or Sign up for a free account.