www.webdeveloper.com
Results 1 to 3 of 3

Thread: Iframe / Table Problem.... help me!!!

  1. #1
    Join Date
    Oct 2006
    Posts
    14

    Unhappy Iframe / Table Problem.... help me!!!

    Take a look at the following page....

    http://www.destinetics.com/iframeproblem/

    Can anyone tell me why this page is scrolling off far far to the right? I would appreciate a simple fix!

    The original code is seperated out into many PHP include files but I have reduced it down to this single file for simplicity....

    Code:
    <html>
    <head>
    <title>Iframe Problem</title>
    
    </head>
    <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="Graphics/navrepeat.png">
    
    <!-- START HEADER -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
      <tr> 
        <td width="534" height="22" background="Graphics/toprepeat.png"><img src="Graphics/top1.png" width="534" height="22" vspace="0" hspace="0" border="0"></td>
        <td background="Graphics/toprepeat.png" width="100%" height="22">&nbsp;</td>
        <td width="223" height="22" align="right" background="Graphics/toprepeat.png"><img src="Graphics/top2.png" width="223" height="22" vspace="0" hspace="0"></td>
        <td width="18" height="22" background="Graphics/toprepeat.png"><img src="Graphics/top4.png" width="18" height="22" vspace="0" hspace="0"></td>
      </tr>
    <!-- END HEADER -->  
    
    <!-- START NAV SECTION -->    
      <tr> 
        <td colspan="3" valign="top" height="100%"> 
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td width="198" valign="top" height="357" background="Graphics/navrepeat.png"><img src="Graphics/navbackground3.png" vspace="0" hspace="0"></td>
              <td valign="top">
                <table border="0" cellspacing="0" cellpadding="0" background="spacer.gif"> 
                  <tr> 
                    <td width="12"><img src="Graphics/spacer.gif" width="10" height="10" vspace="0" hspace="0"></td>
                    <td> 
    <!-- END NAV SECTION --> 
    
    <!-- START MAIN CONTENT --> 
                      <p>This is some sample text.</p>
                      <p>Here is an iframe...</p>
                      <iframe width="760" height="600" src="http://www.google.com"></iframe>
                      <p>The page scrolls far to the right for some reason...</p>
                      <br><br><br><br><br>
    <!-- END MAIN CONTENT --> 
    
    <!-- START FOOTER -->
                    </td>
                    <td><img src="Graphics/spacer.gif" width="10" height="10" vspace="0" hspace="0"></td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
        <td width="18" background="Graphics/endrepeat.png">&nbsp;</td>
      </tr>
    </table>
    <!-- END FOOTER -->
    
    </body>
    </html>

  2. #2
    Join Date
    Apr 2006
    Posts
    120
    Change the following

    <table width="100%" border="0" cellspacing="0" cellpadding="0" background="spacer.gif">
    <tr>
    <td width="12"><img src="Graphics/spacer.gif" width="10" height="10" vspace="0" hspace="0"></td>
    <td>
    <!-- END NAV SECTION -->

    <!-- START MAIN CONTENT -->
    <p>This is some sample text.</p>
    <p>Here is an iframe...</p>
    <iframe width="100%" height="600" src="http://www.google.com"></iframe>
    <p>The page scrolls far to the right for some reason...</p>
    <br><br><br><br><br>
    <!-- END MAIN CONTENT -->

    <!-- START FOOTER -->
    </td>
    <td><img src="Graphics/spacer.gif" width="10" height="10" vspace="0" hspace="0"></td>
    </tr>
    </table>

  3. #3
    Join Date
    Oct 2006
    Posts
    14
    It works great. Thanks! I can't beleive I missed it.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles