This is not sizing correctly for me 1

JavaDude32 · Jan 21, 2004

This is not sizing correctly for me, the idea is:
-------------------------------------------------------
| Field1 | F2 | Field 3 |
-------------------------------------------------------
Instead the browser renders the Student Name cell as the longest cell in the table instead of allocating unused space for the Courses. Can anyone please tell me what's wrong with this:

Code:

<html>
<body>
<table width=&quot;100%&quot; height=&quot;50%&quot; border=1>
<tr>
<td width=&quot;150px&quot; height=&quot;25px&quot;>Field 1</td>
<td width=&quot;100px&quot; height=&quot;25px&quot;>F2</td>
<td width=&quot;100%&quot; height=&quot;25px&quot;>Field 3</td>
</tr>
<tr>
<td width=&quot;100%&quot; height=&quot;90%&quot;></td>
</tr>
</table>
</body>
</html>

BillyRayPreachersSon · Jan 21, 2004

You have conflicting widths for column 1, so the browser doesn't know which width to honour.

If you delete your (incidentally, erroneous) second row:

Code:

<html>
<body>
<table width=&quot;100%&quot; height=&quot;50%&quot; border=1>
<tr>
	<td width=&quot;150&quot; height=&quot;25&quot;>Field 1</td>
	<td width=&quot;100&quot; height=&quot;25&quot;>F2</td>
	<td width=&quot;100%&quot; height=&quot;25&quot;>Field 3</td>
</tr>
</table>
</body>
</html>

The browser gives more width to column 3 instead of column 1.

Of course, since you fail to mention which column represents 'Student Name' and which represents 'Courses', I cannot say if that is the desired result or not.

Hope this helps,

Dan

Vragabond · Jan 21, 2004

If you want to have the second row consisting of just column, you need to specifically instruct that:

<tr>
<td colspan="3">Contents</td>
</tr>

Which means that the cell in the second row should span across three columns.

ChrisHunt · Jan 22, 2004

I think another problem is that you were confusing CSS-style width specification, where you have to specify a unit, and HTML-style where you don't specify one (it's either pixels or %). So these are equivalent:
[tt]
<td width="100">
<td style="width:100px">
[/tt]
This is invalid, though I think most browsers will interpret it as 100 pixels:
[tt]
<td style="width:100">
[/tt]
And this is invalid syntax which will be ignored (because "100px" is neither an integer or a percentage):
[tt]
<td width="100px">
[/tt]

-- Chris Hunt

http://www.mcgonagall-online.org.uk
http://www.napitalia.org.uk
http://www.leicesteryha.org.uk

JavaDude32 · Jan 22, 2004

Thanks very much, I made the error of believing that tables were more dynamic.

What I had expected was the ability of one to be able to just define whatever column specs such as having the first row be independent of the second row.

-----------------------------
| F11 | F21 | F31 |
-----------------------------
| F12 | F22 |
| | |
-----------------------------

I now know that is not the case. However, this isn't a problem as the columns should be the same width independent of the row, thanks a lot.

------------------
| F1 | F2 | F3 |
------------------
| F1 | F2 | F3 |
------------------

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

This is not sizing correctly for me 1

JavaDude32

Programmer

BillyRayPreachersSon

Programmer

Vragabond

Programmer

ChrisHunt

Programmer

JavaDude32

Programmer

Similar threads

Part and Inventory Search

Sponsor