asked on

site broken in all versions of IE.

I have a front end page to some software that renders great except in IE.

I have a background to a table cell that stays within the fixed size of that cell on all browsers except IE, which stretches outside of the cell and pushes the content of the cell out as well.

I'm going nuts trying to figure this out...

You can see it at www (dot) successfulmanifesting (dot) com (slash) minder2 (slash) index.php

Any help fixing this would be most appreciated!

James Rodgers

not sure what your seeing but it looks fine in IE, wonky in FF tho

also, posting links like this
www (dot) successfulmanifesting (dot) com (slash) minder2 (slash) index.php
will not help you get responses, makes it hard for respondents to just click on it

marglar

ASKER

strange. In every version of IE the "manifestation Minder" logo repeats itself and stretches the cell it is in out of proportion.

In Firefox on the pc and mac it looks fine for me.

That link is successfulmanifesting.com/minder2/ I put it that way before to keep it out of search engine results later.

James Rodgers

your source code is malformed
you have 2 head, 2 title, 2 body and 2 html sections plus 2 doctype declarations
i dont think the style declaration in here will even work, or if it is allowed
<html xmlns="http://www.w3.org/1999/xhtml" style="padding: 0px; margin: 0px">
http://www.blooberry.com/indexdot/html/tagpages/h/html.htm

marglar

ASKER

whoa. I'm not sure where that came from! I'll go clean it out.... I've had a programmer working on the system so they may have accidentally done this.

Thanks for the feedback, I'll let you know how it goes.

James Rodgers

ok now i see it, in trying to piece together teh link in teh original post i left off teh 2 in minder

ASKER CERTIFIED SOLUTION

nplib

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

nplib

basically I added a javascript function

      function newHeight() {
            var ScreenHeight = screen.height;
            document.getElementById("needsHeight").height = ScreenHeight;
      }

and added that function to the body onload event
<body onload="newHeight();" ......>

Then added the ID attribute to the second to last row of the table

                  <tr id="needsHeight">
                        <td align="center" valign="top" bgcolor="#848484" width="303"><img src="http://www.successfulmanifesting.com/minder2/images/login/device_wide.jpg" width="303" height="392" /></td>
                        <td width="19" background="http://www.successfulmanifesting.com/minder2/images/top_left_right_bg.gif"> </td>
                  </tr>

The problem you were experiencing is an issue with table sizing is an issue with IE.

marglar

ASKER

nplib, that fixed it! Thank you!

nplib

This is what I do.