Newbie Question About Setting Table Column Width

Guest · Mar 31, 2006

I'm new to web programming so please excuse my ignorance. With that said ...

I've added a 2-column, 3 row table to control the placement of everything on
the web page. The first row contains the header and spans the entire width.
The last row contains the footer and also spans the entire width.

I'm constructing a web page that has a header and footer across the entire
width of the page. Sandwiched in between these is the center row, which
contains a menu on the left and then the body of the page on the right.

I explicitly set the width of the left menu to 100 pixels and I didn't set
any width to the right column. I assumed that this would give the menu a
fixed width and only the width of the right column would change. But this
didn't happen. So what do I need to do?

I'm also wondering about something else: Can I programmatically change the
dimensions of the table? If so, how do I reference the various parts of the
table? I did add IDs to them but don't know how to reference them.

S. Justin Gengo · Mar 31, 2006

Robert,

You have to give your table a width. That width could be fixed, say 800
pixels or it could be a percent, say 90% you can play with that.

Here's the overall structure:

<table width="800">
<tr>
<td colspan="2">
Header
</td>
</tr>
<tr>
<td width="100px">
Menu
</td>
<td>
Body
</td>
</tr>
<tr>
<td colspan="2">
Footer
</td>
</tr>
</table>

Regards,

--
S. Justin Gengo
Web Developer / Programmer

Free code library:
http://www.aboutfortunate.com

"Out of chaos comes order."
Nietzsche

Guest · Mar 31, 2006

Your comments prompted me to test something. I pulled the essential code out
of my aspx file and copied it into an aspx file on its own. here's the code:

<html>
<body>
<form id="HomePage" method="post" runat="server">
<table cellSpacing="0" cellPadding="0" width="100%"
bgColor="lightsteelblue">
<tr bgColor="royalblue">
<td colSpan="2">Header</td>
</tr>
<tr>
<td id="LeftPanel" vAlign="top" align="center" width="124"
height="500" bgColor="aliceblue">Menu</td>
<td vAlign="top" bgColor="lightsteelblue" >
<h1>Home Page</h1>
<p>The content on this page is static and defined in the .ASPX
file.
</p>
</td>
</tr>
<tr>
<td colSpan="2">Footer</td>
</tr>
</table>
</form>
</body>
</html>

*This* version of the code works properly but the original one does not. I
really don't know what the difference is. Most mysterious!

S. Justin Gengo · Mar 31, 2006

Robert,

If you really need to know then send through both code examples and I'll
take a look and try to spot the difference, but if you have a working
version you should be all set (I hope).

Happy coding,

--
S. Justin Gengo
Web Developer / Programmer

Free code library:
http://www.aboutfortunate.com

"Out of chaos comes order."
Nietzsche

How can I find occurrences of a column name FPPaymentID in the entire database (e.g table, stored procedure etc) in SSMS?	2	Jun 20, 2023
SVG not full width and space	0	Sep 15, 2023
Image shifts to the right when export the page to pdf	4	May 5, 2023
Only one table shows up with the information	2	Mar 29, 2023
About as basic "Newbie-Question" that you can get.	3	Sep 4, 2023
GridView Column Width Nightmares!!!!!	1	Nov 24, 2007
How to set the width of a table column	2	Jun 13, 2009
Help with Visual Lightbox: Scripts	2	May 3, 2023

Newbie Question About Setting Table Column Width

Guest

S. Justin Gengo

Guest

S. Justin Gengo

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads