JavaScript and client side scripting.
Moderator: General Moderators
mickd
Forum Contributor
Posts: 397 Joined: Tue Jun 21, 2005 9:05 am
Location: Australia
Post
by mickd » Wed May 17, 2006 8:49 am
I have no idea why it doesnt work on Internet Explorer. Works intended on Firefox
Any help appreciated.
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>{TITLE}</title>
<style type="text/css">
td {
border: #000000 1px solid;
padding: 5px;
}
tr {
vertical-align: top;
}
</style>
</head>
<body>
<table width="80%" align="center">
<tr>
<td colspan="5" height="150px">
{HEADER}
</td>
</tr>
<tr>
<td colspan="5" height="40px">
{HOR_NAV}
</td>
</tr>
<tr>
<td colspan="5" height="20px">
</td>
</tr>
<tr>
<td rowspan="3" height="400px" width="15%">
{VER_NAV}
</td>
<td rowspan="4" height="600px" width="20px">
</td>
<td align="center" height="40px" width="70%">
{BODY_TITLE}
</td>
<td rowspan="4" height="600px" width="20px">
</td>
<td rowspan="2" height="200px" width="15%">
{LOGO}
</td>
</tr>
<tr>
<!-- SPANED VER_NAV -->
<!-- SPANED -->
<td rowspan="3" height="560px">
{BODY}
</td>
<!-- SPANED -->
<!-- SPANED LOGO -->
</tr>
<tr>
<!-- SPANED VER_NAV -->
<!-- SPANED -->
<!-- SPANED BODY -->
<!-- SPANED -->
<td rowspan="2" height="400px">
{FLASH}
</td>
</tr>
<tr>
<td height="200px">
{EXT_NAV}
</td>
<!-- SPANED -->
<!-- SPANED BODY -->
<!-- SPANED -->
<!-- SPANED FLASH -->
</tr>
<tr>
<td colspan="5" align="center">
{FOOTER}
</td>
</tr>
</table>
</body>
</html>
JayBird
Admin
Posts: 4524 Joined: Wed Aug 13, 2003 7:02 am
Location: York, UK
Contact:
Post
by JayBird » Wed May 17, 2006 9:22 am
Works for me in both.
IE6 SP2
mickd
Forum Contributor
Posts: 397 Joined: Tue Jun 21, 2005 9:05 am
Location: Australia
Post
by mickd » Wed May 17, 2006 10:23 am
Oops, i should of been more specific
By not work, i meant that the height of the tables in IE was about 4 times longer than it should of been at specific spots (the row where it says {BODY_TITLE}).
According to my home and school PCs anyways
pickle
Briney Mod
Posts: 6445 Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:
Post
by pickle » Wed May 17, 2006 10:30 am
Moving to Client-side
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
RobertGonzalez
Site Administrator
Posts: 14293 Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA
Post
by RobertGonzalez » Wed May 17, 2006 10:47 am
Dude, that layout is different in FF, IE and Opera. IE is swelling that {BODY_TITLE} cell, opera is shrinking everything down to super short.
Maybe instead of using px as your fixed value unit, use em. I totally don't think that will do anything, but see if it does.
The next thing I would say is trash the tables and go with CSS styling across the board. But's thats just a preference of mine. If you gotta go with tables, maybe you can try removing all vertical sizing altogether and start adding size back from the outside to the inside to see if you even need middle height set at all.