Solved

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

Posted on 2004-09-06
3
255 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

Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

Question has a verified solution.

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

Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
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 video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

688 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