J
Joop
Hi all,
at first : "Thanks in advance for taking the time to read all this!"
I'll start with a piece of my source code, to introduce my little
problem, which looks like this...
--------------------------------------------------------
<table cellspacing="0" cellpadding="0" height="100%">
<tr>
<td height="118" style="height: 118px;">
 
<img src="menu-transparant.gif" class="menu">
<img src="plaatjes/menu/logo.gif" class="logo">
<img id="menu_1">
<img id="menu_2">
<img id="menu_3">
<img id="menu_4">
<img id="menu_5">
</td>
</tr>
<tr>
<td>
<iframe src="home.php" name="content" height="100%">
</iframe>
</td>
</tr>
</table>
----------------------------------------------------------------
Yesss... that's right!!! It's just plain HTML, for a change!
Now, this is a table, containing two cells beneath eachother. The first
one holds a menu, initialized by some JavaScript I did. The second one
holds an Iframe, with height set to 100%.
Since the graphics of this site must fit precisely to one and other, I
figured I'd size the first tablecell (to a height of 118px), so that
the second cell would determine the height of the Iframe, which shoud
be 100% of the cell it is in.
This works great with IE, but unfortunately Mozilla and Netscape spoil
my beautifull Idea...
The reason I chose to do this in only HTML is that, when I resize my
window during my visit to this site, the Iframe automaticly scales
along with the window, keeping the graphics in tact.
But if there's anyway to do this in JavaScript, it'll be fine with me
to!
I've set up an example at : http://www.centraalq.nl/publictest, so test
it under IE, an mozilla if you like.
PLEASE!!! HELP ME!!! I'M (quite) DESPERATE!!!! :-S
at first : "Thanks in advance for taking the time to read all this!"
I'll start with a piece of my source code, to introduce my little
problem, which looks like this...
--------------------------------------------------------
<table cellspacing="0" cellpadding="0" height="100%">
<tr>
<td height="118" style="height: 118px;">
 
<img src="menu-transparant.gif" class="menu">
<img src="plaatjes/menu/logo.gif" class="logo">
<img id="menu_1">
<img id="menu_2">
<img id="menu_3">
<img id="menu_4">
<img id="menu_5">
</td>
</tr>
<tr>
<td>
<iframe src="home.php" name="content" height="100%">
</iframe>
</td>
</tr>
</table>
----------------------------------------------------------------
Yesss... that's right!!! It's just plain HTML, for a change!
Now, this is a table, containing two cells beneath eachother. The first
one holds a menu, initialized by some JavaScript I did. The second one
holds an Iframe, with height set to 100%.
Since the graphics of this site must fit precisely to one and other, I
figured I'd size the first tablecell (to a height of 118px), so that
the second cell would determine the height of the Iframe, which shoud
be 100% of the cell it is in.
This works great with IE, but unfortunately Mozilla and Netscape spoil
my beautifull Idea...
The reason I chose to do this in only HTML is that, when I resize my
window during my visit to this site, the Iframe automaticly scales
along with the window, keeping the graphics in tact.
But if there's anyway to do this in JavaScript, it'll be fine with me
to!
I've set up an example at : http://www.centraalq.nl/publictest, so test
it under IE, an mozilla if you like.
PLEASE!!! HELP ME!!! I'M (quite) DESPERATE!!!! :-S