I have a survey form that displays and works fine with the Firefox browser, but displays right-shifted (by about 500 px's) in IE. I've seen a few discussion threads on this, but it's the other way around, with IE OK and Firefox displaying wrong.
Here's a code sample of the affected objects that appear to the right in IE:
Code: Select all
<form method="POST" action="'.$PHP_SELF.'">
<p><span style="position: absolute; left: 217; top: 431">
<img width="490" height="193" src="survey_files/image001.gif"></span></p>
<input TYPE="hidden" NAME="VTI-GROUP" VALUE="1">
<div style="position: absolute; top: 473; left: 290; width: 40; height: 40">
<span style="position: absolute; left: 0; top: 1; z-index:1">
<input type="radio" value="Yes" name="Q1YesNo"></span>
<span style="position: absolute; left: 0; top: 17; z-index:1">
<input type="radio" value="No" name="Q1YesNo"></span>
In the above, image001.gif is a text box image with a question and the hidden group box contains the Yes and No options buttons. Instead of displaying at 217 px's from the left, the image shows up at about the 500 px position. Ditto for the radio buttons.
Any suggestions on what code mods I should make to clear up browser inconsistencies? I'm not a pro at HTML or PHP coding, so don't crucify me for not knowing W3 standards or whatever you call it.