Resizing table depending on the windows size

M

Mario

i have three rows on my main site
i want that the middle-row resizes (only height) depending on the windows
size
i know it is possible in javascript, but i dont know how ot do it
im more like server-side scripting type of guy




<table align="center" width="100%" height="100%"><tr align="center"
valign="middle"><td>

<table width="750" align="center" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td height="50" align="center" valign="top">
<!-- TOP -->
</td>
</tr>

<tr>
<td height=" <!-- RESIZE THIS DEPENDING ON THE WINDOWS SIZE -->
" align="center" valign="top">
<!-- CONTENT -->
</td>
</tr>

<tr>
<td height="50" align="center" valign="bottom">
<!-- BOTTOM -->
</td>
</tr>
</table>

</td></tr></table>
 
J

Java script Dude

Here is my hack from a year or so back with a similar problem but I
was sizing iFrames.

JsD


<body>
<table align="center" width="100%" height="100%"><tr align="center"
valign="middle"><td>

<table width="750" align="center" border="1" cellpadding="0"
cellspacing="0">
<tr>
<td height="50" align="center" valign="top">
top
</td>
</tr>

<tr>
<td id=tdMiddle height=100% align="center" valign="top">
middle
</td>
</tr>

<tr>
<td height="50" align="center" valign="bottom">
bottom
</td>
</tr>
</table>



</td></tr></table>

<script>
_w=window
_d=document
// General Utility Functions
function winWidth(){return is.ie?_d.body.clientWidth:_w.innerWidth}
function winHeight(){return is.ie?_d.body.clientHeight:_w.innerHeight}
function ClientSniffer(){//IE5.5+&Mozilla 5+
var t=this, n=navigator,sUA=n.userAgent.toLowerCase(),i
t.ie=false;t.moz=false
if(
(i=sUA.indexOf('msie'))>-1
&&parseFloat(sUA.substring(i+5,sUA.length))>=5.5
){
t.ie=true
}else{
if(sUA.indexOf('gecko')!=-1
&&parseInt(n.appVersion
)>=5){
t.moz=true
}
}
}; _w.is=new ClientSniffer()


oTD=_d.getElementById("tdMiddle")
function setIFSize(){
oTD.style.height=winHeight()-100-30
}

_w.onresize=setIFSize
setIFSize()
</script>
</body>
 
T

Thomas 'PointedEars' Lahn

Java said:
Here is my hack from a year or so back
Click to expand...

It dates back to the stone age, does it not?
[...]
<body>
<table align="center" width="100%" height="100%"><tr align="center"
valign="middle">
Click to expand...

A "table" element does not have a "height" attribute (in Valid HTML).
<td>

<table width="750" align="center" border="1" cellpadding="0"
cellspacing="0">
<tr>
<td height="50" align="center" valign="top">
top
</td>
</tr>

<tr>
<td id=tdMiddle height=100% align="center" valign="top">
middle
</td>
</tr>

<tr>
<td height="50" align="center" valign="bottom">
bottom
</td>
</tr>
</table>

</td></tr></table>
Click to expand...

Never ever use tables for layout purposes alone.
A table is a table is a table. [psf 3.8]
<script> ^^^^

Huh?

// General Utility Functions
function winWidth(){return is.ie?_d.body.clientWidth:_w.innerWidth} ^^^^^
function winHeight(){return is.ie?_d.body.clientHeight:_w.innerHeight} ^^^^^
function ClientSniffer(){//IE5.5+&Mozilla 5+
var t=this, n=navigator,sUA=n.userAgent.toLowerCase(),i
t.ie=false;t.moz=false
if(
(i=sUA.indexOf('msie'))>-1 ^^^^^^^^^^^^^^^^^^^
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
^^^^^^^^^^^^^^^^^^^^^^^
t.moz=true
}
}
}; _w.is=new ClientSniffer()


oTD=_d.getElementById("tdMiddle") ^^^^^^^^^^^^^^^^^
function setIFSize(){
oTD.style.height=winHeight()-100-30
}

_w.onresize=setIFSize
setIFSize()
</script>
</body>
Click to expand...

Eeek. What a load of rubbish.

<http://pointedears.de/scripts/test/whatami>


PointedEars
 
J

Java script Dude

Thomas 'PointedEars' Lahn said:
Java said:
Here is my hack from a year or so back
Click to expand...

It dates back to the stone age, does it not?

:]


<Code_Snippet>
Click to expand...

A "table" element does not have a "height" attribute (in Valid HTML).
Click to expand...

Posted this to the wrong node. This should be for Mario's post.

<Code_Snippet>
Click to expand...

Never ever use tables for layout purposes alone.
A table is a table is a table. [psf 3.8]
Click to expand...

Same again consistency is a good trait for programmers.

Huh?
Click to expand...

`window` and `document` are the most commonly used instance variables
and as such, shortening their name will save char space in js sources,
which in any script language is a good thing. I borrowed this
methodology from a very good but now invisible js programmer - Stereo
Frog (www.stereofrog.com).
Eeek. What a load of rubbish.
Click to expand...


Dude, this code was copied and pasted from some abstracted js
libraries. Unfortunately I did not have time to clean it up for the
copy and paste programmers around. BTW - Any decent hacker should be
able to reverse engineer and use.

JsD
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Image shifts to the right when export the page to pdf 4
How to have two html audio players on one page? 0
Need help with <rowspan> in an HTML table 1
SendGrid email issue in responsive Gmail 1
Hello I am learning how to code and I tried making a calculator with HTML and js with some CSS I am stuck at thing, Like the screen value is 0
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
Can anyone please help? HTML - two tables applying different styles 4

Members online

No members online now.
Total: 108 (members: 0, guests: 108)
Robots: 392

Forum statistics

Threads
474,432
Messages
2,571,682
Members
48,796
Latest member
Greg L.

Latest Threads

Top