This is making me - I hope someone can help.


I have taken the suggestion of Dan Shafer in his book, "Designing without tables using css", to use's X script to equalize the 3-column layout problem.

Center column looks great in Netscape and Mozilla but is all messed up in IE. When I remove the DHTML and javascript, see quote below, center column displays fine in IE, Mozilla, & Netscape but, obviously, the columns aren't equalized putting me back at square 1.

<link href="/CSS/default.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src='/x_core.js' type='text/javascript'></script>
<script language="JavaScript" src='/x_event.js' type='text/javascript'></script>
<script type='text/javascript'>
function adjustLayout()
// Get natural heights
var lHeight = xHeight("leftcontent");
var rHeight = xHeight("rightcontent");
var cHeight = xHeight("centercontent");

// Find the maximum height
var maxHeight = Math.max(cHeight, Math.max(lHeight, rHeight));

// Assign maximum height to all columns
xHeight("left", maxHeight);
xHeight("right", maxHeight);
xHeight("center", maxHeight);

// Show the footer
// This is the window load event listener.
window.onload = function()
xAddEventListener(window, "resize", adjustLayout, false);

I welcome any help you guys can provide. I've been trying to work around this for some time but am stuck. Oh, and if ayone has any recommendations regarding the irritating ul and li display in IE I am all ears.

Thanks in advance,