 | View Full Version : table problem cmtusa 06-09-2004, 12:41 PM Quick question . . . any idea why this table seems to expand in the browser. Looks fine in design view in Dreamweaver, but in preview mode (and once uploaded) the table expands, leaving white space to left and right of contact form. Any ideas? http://taxreliefnetwork.com/contact.htm cenvo 06-09-2004, 12:54 PM You have defined table width’s in percentages this will expand the table based on the screen width. You may need to define absolute width's for tables/td so that it doesn’t expand. Since you are using Dreamweaver, you can select the table and click on the "convert table widths to pixels" button in the table properties panel/dialog. Hope this helps simonbooth 06-09-2004, 12:55 PM The HTML is a bit of a mess, but I would guess the problem is the second banner table (the address & phone number I think), has 3 cells, 126,204,475 widths = total width 805, and your table width is set to 790. the_pm 06-09-2004, 01:10 PM You have defined table width’s in percentages this will expand the table based on the screen width. You may need to define absolute width's for tables/td so that it doesn’t expand. Actually, the main table holding the horde of tables inside is set to a fixed width, not necessarily a good coding practice, but it's your real estate. Widths by percentage are much more appropriate for the Web. Remember, Internet != paper If you want to see the problem, however, try turning on all of your table borders. Since Dreamweaver caused the coding mess with which you are now faced, you have the unenviable task of activating a bunch of borders, just so you can see which table/tds are causing the unexpected gaps. But from where I'm sitting, it simply appears that the content doesn't fill the space provided to it. This is corrected using percentages, not by fixing your dimensions! There's an easy way to turn on your table borders. Just drop this little code snippet into your <head> section, and you won't have to hunt through endless seas of bloat to find your answers: <style type="text/css"> table, td { border:1px solid #F00 } </style> That will outline all of your tables and table cells in red. Simply remove this when you're done. Hope that helps! Paul H cmtusa 06-09-2004, 01:19 PM Thanks everyone. We actually didn't design the page. Our customer wanted us to add a few things while maintianing the code. I thought the code was a bit of a mess too :) |