Page 1 of 1

IE display varies from Firefox

Posted: Wed May 17, 2006 8:49 am
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>

Posted: Wed May 17, 2006 9:22 am
by JayBird
Works for me in both.

IE6 SP2

Posted: Wed May 17, 2006 10:23 am
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 :(

Posted: Wed May 17, 2006 10:30 am
by pickle
Moving to Client-side

Posted: Wed May 17, 2006 10:47 am
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.