?
Solved

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

Posted on 2004-09-06
3
Medium Priority
?
262 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 1000 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

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

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

Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

764 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