IE display varies from Firefox

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
mickd
Forum Contributor
Posts: 397
Joined: Tue Jun 21, 2005 9:05 am
Location: Australia

IE display varies from Firefox

Post by mickd »

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">
		&nbsp;
		</td>
	</tr>
	<tr>
		<td rowspan="3" height="400px" width="15%">
		{VER_NAV}
		</td>
		<td rowspan="4" height="600px" width="20px">
		&nbsp;
		</td>
		<td align="center" height="40px" width="70%">
		{BODY_TITLE}
		</td>
		<td rowspan="4" height="600px" width="20px">
		&nbsp;
		</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>
User avatar
JayBird
Admin
Posts: 4524
Joined: Wed Aug 13, 2003 7:02 am
Location: York, UK
Contact:

Post by JayBird »

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 »

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 :(
User avatar
pickle
Briney Mod
Posts: 6445
Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:

Post by pickle »

Moving to Client-side
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post by RobertGonzalez »

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.
Post Reply