Solved

Dynamic Sizing of a two element HTML table with one fixed in width

Posted on 2004-09-06
3
245 Views
Last Modified: 2013-12-25
Hi all,

I'm not sure where the question I composed last night went!?  Perhaps
I forgot to put in a ? title and didn't see the error that popped up and
closed the page, or didn't go far enough in the topic area?  (Only things
I can think of).  Hmmph... Anyway...

I have a website that I am developing that employs a Java/DHTML menu system.
Now what I wanted to do seemed simple enough on the surface but isn't.
This menu system is left aligned and is 150 pixels wide.  This menu draws on
the screen overwriting anything that may be underneath it.  The problem is, I want
to be able to use a table with two field elements.  The left one sized to 150 pixels
wide (so that I can insert text/images below or above said menu), and the other to
size dynamically using the current IE browser window width - the 150 pixels for the
menu (for putting in site content).

When I specify the width in % for the second element, it does not work since it will size
according to the entire width of the browser window, and not - the 150 pixels (the
way I want it to).  Is there a way to size the second element dynamically?  What I am
looking for is code that can determine the browser window width that I can then pull
out with a variable.  Something along the lines of what is seen below.  I could have
sworn there was a way to do this in VBScript but perhaps I am mistaken?!  I know
it could be done using native VB and compiling to ActiveX DLL, but that is not an
option.

Any help is greatly appreciated!

TIA,
Bob

<TABLE BGCOLOR="#000000" CELLSPACING="0" CELLPADDING="0" BORDER="1" BORDERCOLOR="#FFFFFF">
  <TR>
      <TD WIDTH="150px">&nbsp;</TD>
      <TD WIDTH="<%=Variable%>">Some Content</TD>
  </TR>
</TABLE>
0
Comment
Question by:sharizod
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 250 total points
ID: 12011907
<TABLE style="table-layout:fixed;width:100%" BGCOLOR="#000000" CELLSPACING="0" CELLPADDING="0" BORDER="1" BORDERCOLOR="#FFFFFF">
  <TR>
      <TD WIDTH="150px">&nbsp;</TD>
      <TD>Some Content</TD>
  </TR>
</TABLE>



Cd&
0
 
LVL 1

Author Comment

by:sharizod
ID: 12012534
Wow!  I just knew there had to be a simple way to do it!!!  Thanks!!!!
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 12016158
Glad I could help.  Thanks for the A. :^)

Cd&
0

Featured Post

Resolve Critical IT Incidents Fast

If your data, services or processes become compromised, your organization can suffer damage in just minutes and how fast you communicate during a major IT incident is everything. Learn how to immediately identify incidents & best practices to resolve them quickly and effectively.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Where can I find... 1 53
Link failure 16 67
.CSS HTML Help 3 27
WordPress Page Content Lost 2 20
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn how to dynamically set the form action using jQuery.

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question