Fixed table goes way beyond browser width in NN4.75 3

[leadman]

Could someone please look at this page and tell me what about it makes it go way beyond the browser width in NN4.75

http://www.christiancatalog.com/missionarypages/community_pages_entry.cfm

Thanks

 

[DeZiner]

The main one causing the problem is here:

<table width=&quot;100%&quot; border=&quot;0&quot; align=&quot;left&quot; height=&quot;329&quot;>

        <tr>
          <td valign=&quot;top&quot;> 
                  <table width=&quot;100%&quot; border=&quot;0&quot;>
                    <tr> 
                      <td colspan=&quot;3&quot;> 
                        <div align=&quot;center&quot;><font face=&quot;Arial, Helvetica, 

sans-serif&quot;><b>Choose 
                          the listings you would like to 

view:</b></font></div>
                      </td>
                    </tr>
                    <tr> 
                      <td colspan=&quot;3&quot; valign=&quot;top&quot; height=&quot;25&quot;> 
                        <hr>
                      </td>
                    </tr>
                    <tr> 
                      <td colspan=&quot;3&quot;> 
                        <table width=&quot;333&quot; border=&quot;0&quot; align=&quot;center&quot;>
                          <tr> 
                            <td width=&quot;136&quot; bgcolor=&quot;#A6EBCE&quot;> 
                              <div align=&quot;center&quot;><font size=&quot;2&quot;><b><font 

face=&quot;Arial, Helvetica, sans-serif&quot;><a 

href=&quot;missionary_listing.cfm?at=missionary&quot;>Missionaries</a></font></b></font

></div>
                            </td>
                            <td width=&quot;53&quot;> </td>
                            <td width=&quot;130&quot; bgcolor=&quot;#A6EBCE&quot;> 
                              <div align=&quot;center&quot;><font size=&quot;2&quot;><b><font 

face=&quot;Arial, Helvetica, sans-serif&quot;><a 

href=&quot;missionary_listing.cfm?at=evangelist&quot;>Evangelists</a></font></b></font>

</div>
                            </td>
                          </tr>
                          <tr> 
                            <td width=&quot;136&quot;> </td>
                            <td width=&quot;53&quot;> </td>
                            <td width=&quot;130&quot;> </td>
                          </tr>
                          <tr> 
                            <td width=&quot;136&quot; bgcolor=&quot;#A6EBCE&quot;> 
                              <div align=&quot;center&quot;><font size=&quot;2&quot;><b><font 

face=&quot;Arial, Helvetica, sans-serif&quot;><a 

href=&quot;missionary_listing.cfm?at=church&quot;>Churches</a></font></b></font></div>
                            </td>
                            <td width=&quot;53&quot;> </td>
                            <td width=&quot;130&quot; bgcolor=&quot;#A6EBCE&quot;> 
                              <div align=&quot;center&quot;><font size=&quot;2&quot;><b><font 

face=&quot;Arial, Helvetica, sans-serif&quot;><a 

href=&quot;missionary_listing.cfm?at=personal&quot;>Personal</a></font></b></font></div

>
                            </td>
                          </tr>
                        </table>

Set it to a fixed width say 640. It still is a bit wide. You have many nested tables that are not necessary. Consider revising the table structure for a cleaner layout. DeZiner
Never be afraid to try something new.
Remember that amateurs built the Ark.
Professionals built the Titanic

 

[dakota81]

Be very careful with the widths you give the tables - especially where you're not specifying cellpadding or cellspacing in some places. From my limited experience, when you have a table imbedded inside another, and the imbedded table is wider than the main table, Netscape (and IE too in some cases) kinda throws out the code you've written, and makes up its own table widths - not good.

 

[Wullie]

Hi,

I just looked at your page and noticed that you had taken DeZiner's advice about using a fixed table..

As DeZiner also mentions, you would be better off reducing the width of the table, I personally wouldn't go as far as 640px but I would take off about 30 or so px so that you eliminate the bottom scrollbar on a 800x600 resolution.
It is pointless having a scrollbar for so little..

Hope this helps Wullie

http://www.searchit-now.co.uk

http://www.survivorhelp.co.uk

http://www.freshlookdesign.co.uk