Table help please!

S

Susan

I am confused at how the table appears in my IE6 browser. I thought if the
width was coded as % that the larger the number, the greater the space. But
I am missing something somewhere.

Please shed some light on this!
----------------------------------------------------------
<html>

<head>
<title>table recoded in html</title>
</head>

<body>

<table>
<tr>
<td width="3%" bgcolor="#6699FF">&nbsp;</td>
<td width="3%" bgcolor="#6699FF">&nbsp;</td>
<td width="80%" bgcolor="#999999">&nbsp;</td>
<td width="10%" bgcolor="#6699FF">&nbsp;</td>
</tr>
<tr>
<td width="3%" bgcolor="#6699FF">&nbsp;</td>
<td width="3%" bgcolor="#6699FF">&nbsp;</td>
<td width="10%" bgcolor="#CCCCFF">&nbsp;</td>
<td width="70%" bgcolor="#FFFFFF">&nbsp;</td>
<td width="10%" bgcolor="#6699FF">&nbsp;</td>
</tr>
<tr>
<td width="3%" bgcolor="#6699FF">&nbsp;</td>
<td width="3%" bgcolor="#6699FF">&nbsp;</td>
<td width="80%" bgcolor="#CCCCFF">
<p><font size="4">This site is best viewed with Navigator 4.7
and up and<br>
Internet Explorer 5.5 and up</font><br>
<b><font color="#000099">©2004 </font></b><br>
All rights reserved<br>
<td width="10%" bgcolor="#6699FF">&nbsp;</td>
</tr>

</table>
</body>
</html>
 
T

Thomas A. Rowe

Your columns and rows must equal 100% of the width of the table.

Your table doesn't have a width specified.

Row 1 = 96%
Row 2 = 96%
Row 3 = 96%

You are missing 4% on each row, they need to = 100% and you table needs to have a width applied of
whatever % you want or a fixed pixel value.

And don't put any type of Best Viewed statement, as people are not going to switch browsers just to
view the site. There is no reason that a site can not be to designed to be viewed in all graphic
browsers.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
S

Susan

Thank you as always. I saw in article that allowed for browser rounding in
calculation so I left off the 4%.
http://www.maxdesign.com.au/presentation/liquid/index.cfm#secret


I have found out that I really do not understand how browsers handle the
percentage. In my code for instance the second row looks like it was lined
up underneath the first row based upon the cells and percentages were
ignored. First row added to 96% and so did second row, but the second row
had one more cell. It stuck out at the end. The first row had a cell with
background of white at 80%. I would have thought that the white cell would
take up the most space but no, the cell before it had more space allocated.

The reason I am studying this is that I wanted to put a gradient jpg image
to use as a separator to improve appearance by breaking a banner from page
content. I wanted it to be liquid to but it was not resizing how I thought
it would based upon cell width percentage. Now I realize I don't understand
this percentage thing.

Susan
 
M

Murray

The more you try to reason your way into this table, the more confused you
will get. This is especially true when you have content in one cell, and no
content in others.

The best approach to tables (in my experience is to forget cell dimensions
(except 100%), and to pay attention to the width of the content. If you
need to fix a cell at a particular minimum dimension, use a transparent
graphic image sized appropriately, or use CSS to set its width....
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

How to export table from outlook into ms access table? 0
Acoustics - 80Hz loss in car! 0
Frontpage template ?? 1
Adding a date to a form confirmation page 3
Embedded media player 3
Second Question for Kevin Spencer 5
Question for Kevin Spenser (continued) 5
two tables in the same row 6

Top