I have attached the file for my code and the user interface appear different in IE and Firefox.
I dont know why this is happening. Firefox is showing what exactly I want to see, but not the IE.
SO, please help me to resolve the issue, or any idea where to start from.
Thanks
PHP code, user interface appear different in IE and firefox
Moderator: General Moderators
-
sumittyagi
- Forum Newbie
- Posts: 16
- Joined: Wed Sep 09, 2009 3:28 pm
-
SimonMayer
- Forum Commoner
- Posts: 32
- Joined: Wed Sep 09, 2009 6:40 pm
Re: PHP code, user interface appear different in IE and firefox
This will almost certainly be an HTML/CSS rendering issue.
Please could you post the generated HTML and CSS content.
Please could you also explain what exactly is wrong in IE and which version of IE you are testing this in?
Please could you post the generated HTML and CSS content.
Please could you also explain what exactly is wrong in IE and which version of IE you are testing this in?
-
sumittyagi
- Forum Newbie
- Posts: 16
- Joined: Wed Sep 09, 2009 3:28 pm
Re: PHP code, user interface appear different in IE and firefox
I am using internet explorer 8.
the difference is, first it IE, doesnt show the progress bar indiactor, second the alignment is wrong, third as soon as I press the submit button, everything on the broswer hides until the processing is done (like text boxes, drop down, labels, all of them disappears), and then reappears after the processing.
Please let me know if you need other info, thanks for the help
Generated code
the difference is, first it IE, doesnt show the progress bar indiactor, second the alignment is wrong, third as soon as I press the submit button, everything on the broswer hides until the processing is done (like text boxes, drop down, labels, all of them disappears), and then reappears after the processing.
Please let me know if you need other info, thanks for the help
Generated code
Code: Select all
<style>
.progress_wrapper {width:295px;border:1px solid #ccc;position:absolute;top:250px;left:60%;margin-left:-150px}
.progress {height:20px;background-color:#000}
.progress_wrapper2 {width:295px;border:1px solid #757172;position:absolute;top:250px;left:60%;margin-left:-150px}
.progress2 {height:20px;background-color:#757172}
</style>
<script language="Javascript">
function searchAction()
{
document.form1.action = "MainPage.php?action=search";
//alert ("hi");
document.form1.submit();
// alert (document.form1.Month.value);
}
function sendMsg()
{
document.form1.action = "MainPage.php?action=sendMsg";
//alert ("hi");
document.form1.submit();
// alert (document.form1.Month.value);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#757172">
<form id="form1" name="form1" method="post" >
<table width="1171" height="138" border="0">
<tr>
<td width="297"> </td>
<td width="803"><input type="image" name="imageField" id="imageField" src="header.jpg" /></td>
<td width="57"> </td>
</tr>
</table>
<table width="600" border="0">
<tr>
<th width="500" height="194" scope="row"><table width="1154" height="178" border="0">
<tr>
<td width="370" height="61"> </td>
<td width="310"><strong>Month</strong>
<select name="Month" id="Month">
<OPTION VALUE='1'>1 </OPTION><OPTION VALUE='2'>2 </OPTION><OPTION VALUE='3'>3 </OPTION><OPTION VALUE='4'>4 </OPTION><OPTION VALUE='5'>5 </OPTION><OPTION VALUE='6'>6 </OPTION><OPTION VALUE='7'>7 </OPTION><OPTION VALUE='8'>8 </OPTION><option value= '9' selected>9</option><OPTION VALUE='10'>10 </OPTION><OPTION VALUE='11'>11 </OPTION><OPTION VALUE='12'>12 </OPTION></select>
<strong>Day</strong>
<select name="Day" id="Day">
<OPTION VALUE='1'>1 </OPTION><OPTION VALUE='2'>2 </OPTION><OPTION VALUE='3'>3 </OPTION><OPTION VALUE='4'>4 </OPTION><OPTION VALUE='5'>5 </OPTION><OPTION VALUE='6'>6 </OPTION><OPTION VALUE='7'>7 </OPTION><OPTION VALUE='8'>8 </OPTION><OPTION VALUE='9'>9 </OPTION><OPTION VALUE='10'>10 </OPTION><OPTION VALUE='11'>11 </OPTION><OPTION VALUE='12'>12 </OPTION><OPTION VALUE='13'>13 </OPTION><OPTION VALUE='14'>14 </OPTION><option value= '15' selected>15</option><OPTION VALUE='16'>16 </OPTION><OPTION VALUE='17'>17 </OPTION><OPTION VALUE='18'>18 </OPTION><OPTION VALUE='19'>19 </OPTION><OPTION VALUE='20'>20 </OPTION><OPTION VALUE='21'>21 </OPTION><OPTION VALUE='22'>22 </OPTION><OPTION VALUE='23'>23 </OPTION><OPTION VALUE='24'>24 </OPTION><OPTION VALUE='25'>25 </OPTION><OPTION VALUE='26'>26 </OPTION><OPTION VALUE='27'>27 </OPTION><OPTION VALUE='28'>28 </OPTION><OPTION VALUE='29'>29 </OPTION><OPTION VALUE='30'>30 </OPTION><OPTION VALUE='31'>31 </OPTION></select>
<strong>Year</strong><select name="Year" id="Year">
<option value= '2009' selected>2009</option><OPTION VALUE='2010'>2010 </OPTION><OPTION VALUE='2011'>2011 </OPTION><OPTION VALUE='2012'>2012 </OPTION><OPTION VALUE='2013'>2013 </OPTION><OPTION VALUE='2014'>2014 </OPTION><OPTION VALUE='2015'>2015 </OPTION></select></td>
<td width="460"> </td>
</tr>
<tr>
<td height="106"> </td>
<td><p><strong>Start Time
</strong></p>
<p><strong>End Time</strong></p>
<p><strong>Location
</strong></p>
<p><strong>Filter by Hours
</strong></p></td>
<td><p><strong>
<select name="stime" id="stime">
<OPTION VALUE='0' selected>12:00 AM </OPTION><OPTION VALUE='60'>1:00 AM </OPTION><OPTION VALUE='120'>2:00 AM </OPTION><OPTION VALUE='180'>3:00 AM </OPTION><OPTION VALUE='240'>4:00 AM </OPTION><OPTION VALUE='300'>5:00 AM </OPTION><OPTION VALUE='360'>6:00 AM </OPTION><OPTION VALUE='420'>7:00 AM </OPTION><OPTION VALUE='480'>8:00 AM </OPTION><OPTION VALUE='540'>9:00 AM </OPTION><OPTION VALUE='600'>10:00 AM </OPTION><OPTION VALUE='660'>11:00 AM </OPTION><OPTION VALUE='720'>12:00 PM </OPTION><OPTION VALUE='780'>1:00 PM </OPTION><OPTION VALUE='840'>2:00 PM </OPTION><OPTION VALUE='900'>3:00 PM </OPTION><OPTION VALUE='960'>4:00 PM </OPTION><OPTION VALUE='1020'>5:00 PM </OPTION><OPTION VALUE='1080'>6:00 PM </OPTION><OPTION VALUE='1140'>7:00 PM </OPTION><OPTION VALUE='1200'>8:00 PM </OPTION><OPTION VALUE='1260'>9:00 PM </OPTION><OPTION VALUE='1320'>10:00 PM </OPTION><OPTION VALUE='1380'>11:00 PM </OPTION> </select>
</strong></p>
<p>
<select name="etime" id="etime">
<OPTION VALUE='0' selected>12:00 AM </OPTION><OPTION VALUE='60'>1:00 AM </OPTION><OPTION VALUE='120'>2:00 AM </OPTION><OPTION VALUE='180'>3:00 AM </OPTION><OPTION VALUE='240'>4:00 AM </OPTION><OPTION VALUE='300'>5:00 AM </OPTION><OPTION VALUE='360'>6:00 AM </OPTION><OPTION VALUE='420'>7:00 AM </OPTION><OPTION VALUE='480'>8:00 AM </OPTION><OPTION VALUE='540'>9:00 AM </OPTION><OPTION VALUE='600'>10:00 AM </OPTION><OPTION VALUE='660'>11:00 AM </OPTION><OPTION VALUE='720'>12:00 PM </OPTION><OPTION VALUE='780'>1:00 PM </OPTION><OPTION VALUE='840'>2:00 PM </OPTION><OPTION VALUE='900'>3:00 PM </OPTION><OPTION VALUE='960'>4:00 PM </OPTION><OPTION VALUE='1020'>5:00 PM </OPTION><OPTION VALUE='1080'>6:00 PM </OPTION><OPTION VALUE='1140'>7:00 PM </OPTION><OPTION VALUE='1200'>8:00 PM </OPTION><OPTION VALUE='1260'>9:00 PM </OPTION><OPTION VALUE='1320'>10:00 PM </OPTION><OPTION VALUE='1380'>11:00 PM </OPTION> </select>
</p>
<p><strong>
<select name="Branch" id="Branch">
<OPTION VALUE='47' selected>Arlington </OPTION><OPTION VALUE='3'>Richardson </OPTION><OPTION VALUE='305'>North Houston </OPTION><OPTION VALUE='1'>San Antanio </OPTION><OPTION VALUE='2'>South Houston </OPTION> </select>
</strong></p>
<p>
<select name="Hours" id ="Hours">
<OPTION VALUE='>0'>All Employees </OPTION><OPTION VALUE='<40' selected>Less than 40 hours </OPTION> </select>
</p></td>
</tr>
</table>
<table width="1691" border="0">
<tr>
<td width="585" height="59"> </td>
<td width="109"><p>
<input type="submit" name="Submit" id="Submit" value="Submit" onClick="searchAction()" />
</p></td>
<td width="983"><label><strong>Send Message<br>
</strong>
<textarea name="Message" id="Message"></textarea>
<input type="submit" name="Send" id="Send" value="Send" onClick="sendMsg()" />
<input type="hidden" name="submitted" id="submitted" value="true" />
<br>
</label></td>
</tr>
</table>
<p> </p>
<table width="100%" border="0">
<td width="10%"> </td>
<td width="20%"><strong>Employee Name</strong></td>
<td width="15%"><strong>Home City</strong></td>
<td width="5%"><strong>State</strong></td>
<td width="20%"><strong>Cellphone</strong></td>
<td width="30%"><strong>Hours Worked</strong></td>
</tr>
<tr>
<p>
<div class="progress_wrapper"><div class="progress" style="width:0px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:3.15789473684px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:6.31578947368px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:9.47368421053px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:12.6315789474px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=12421 ></td><td> ALBERT THOMPSON </td><td> ARLINGTON</td><td> TX</td><td> 817-303-1549X131</td><td> 33</td></tr> <div class="progress_wrapper"><div class="progress" style="width:15.7894736842px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:18.9473684211px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:22.1052631579px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:25.2631578947px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:28.4210526316px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:31.5789473684px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:34.7368421053px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:37.8947368421px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:41.0526315789px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=7512 ></td><td> CHAMPION SUPERVISOR </td><td> </td><td> _</td><td> </td><td> 1</td></tr> <div class="progress_wrapper"><div class="progress" style="width:44.2105263158px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=6390 ></td><td> CHARLES TALIAFERRO </td><td> ARLINGTON</td><td> TX</td><td> 817-658-3617 C</td><td> 7</td></tr> <div class="progress_wrapper"><div class="progress" style="width:47.3684210526px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:50.5263157895px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=10295 ></td><td> CHARLES DURANT </td><td> GRAND PRAIRIE</td><td> TX</td><td> 817-385-4492 H</td><td> 37.5</td></tr> <div class="progress_wrapper"><div class="progress" style="width:53.6842105263px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=12795 ></td><td> CHRIS VAUGHAN </td><td> FORT WORTH</td><td> TX</td><td> 817-223-5131 C</td><td> 24</td></tr> <div class="progress_wrapper"><div class="progress" style="width:56.8421052632px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:60px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:63.1578947368px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:66.3157894737px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:69.4736842105px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:72.6315789474px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=12703 ></td><td> DERRICK KANYUH </td><td> CROWLEY</td><td> TX</td><td> 817-909-7384 C</td><td> 36</td></tr> <div class="progress_wrapper"><div class="progress" style="width:75.7894736842px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:78.9473684211px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=10310 ></td><td> DON DOUGLAS </td><td> FORT WORTH</td><td> TX</td><td> 817-838-7768 H</td><td> 35</td></tr> <div class="progress_wrapper"><div class="progress" style="width:82.1052631579px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:85.2631578947px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:88.4210526316px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:91.5789473684px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:94.7368421053px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:97.8947368421px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:101.052631579px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:104.210526316px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:107.368421053px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:110.526315789px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:113.684210526px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:116.842105263px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:120px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:123.157894737px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=6494 ></td><td> IRMA GURNO </td><td> HURST</td><td> TX</td><td> 214-274-6034 C</td><td> 36</td></tr> <div class="progress_wrapper"><div class="progress" style="width:126.315789474px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:129.473684211px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:132.631578947px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:135.789473684px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:138.947368421px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:142.105263158px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:145.263157895px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:148.421052632px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=12099 ></td><td> JASPER WHINS </td><td> HALTOM CITY</td><td> TX</td><td> 817-428-0966 H</td><td> 24</td></tr> <div class="progress_wrapper"><div class="progress" style="width:151.578947368px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:154.736842105px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:157.894736842px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:161.052631579px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:164.210526316px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:167.368421053px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:170.526315789px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:173.684210526px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:176.842105263px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:180px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=12695 ></td><td> JOSHUA SIMPSON </td><td> GRAND PRAIRIE</td><td> TX</td><td> 305-967-9863 C</td><td> 16</td></tr> <div class="progress_wrapper"><div class="progress" style="width:183.157894737px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=12185 ></td><td> KEYIDRAN JACKSON </td><td> ARLINGTON</td><td> TX</td><td> 469-734-9602 C</td><td> 35</td></tr> <div class="progress_wrapper"><div class="progress" style="width:186.315789474px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:189.473684211px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=8220 ></td><td> LATHAN HENAGER </td><td> MANSFIELD</td><td> TX</td><td> 817-473-4280 H</td><td> 24</td></tr> <div class="progress_wrapper"><div class="progress" style="width:192.631578947px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:195.789473684px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:198.947368421px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:202.105263158px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:205.263157895px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:208.421052632px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:211.578947368px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=10590 ></td><td> MARY MORTON </td><td> FORT WORTH</td><td> TX</td><td> 817-281-0697 H</td><td> 38</td></tr> <div class="progress_wrapper"><div class="progress" style="width:214.736842105px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:217.894736842px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:221.052631579px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:224.210526316px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=11690 ></td><td> MORRIS BOGAR </td><td> FORT WORTH</td><td> TX</td><td> 817-335-5030 H</td><td> 32</td></tr> <div class="progress_wrapper"><div class="progress" style="width:227.368421053px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:230.526315789px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:233.684210526px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:236.842105263px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:240px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=6463 ></td><td> ROBERT YOUNG </td><td> ARLINGTON</td><td> TX</td><td> 817-235-7317 C</td><td> 24</td></tr> <div class="progress_wrapper"><div class="progress" style="width:243.157894737px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:246.315789474px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:249.473684211px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:252.631578947px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=10616 ></td><td> RUBY HILL </td><td> FORT WORTH</td><td> TX</td><td> 817-496-5024 H</td><td> 32</td></tr> <div class="progress_wrapper"><div class="progress" style="width:255.789473684px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=6456 ></td><td> SAMMY WESTERMAN </td><td> KENNEDALE</td><td> TX</td><td> 817-705-8877 C</td><td> 27</td></tr> <div class="progress_wrapper"><div class="progress" style="width:258.947368421px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:262.105263158px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=12186 ></td><td> SAMUEL MICHAELS </td><td> FORT WORTH</td><td> TX</td><td> 817-320-8641 C</td><td> 18</td></tr> <div class="progress_wrapper"><div class="progress" style="width:265.263157895px;"></div></div><tr><td><INPUT TYPE=CHECKBOX NAME='names[]' value=12583 ></td><td> SANTOS RAMIREZ </td><td> GRAND PRAIRIE</td><td> TX</td><td> 469-422-5545 C</td><td> 37.5</td></tr> <div class="progress_wrapper"><div class="progress" style="width:268.421052632px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:271.578947368px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:274.736842105px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:277.894736842px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:281.052631579px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:284.210526316px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:287.368421053px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:290.526315789px;"></div></div> <div class="progress_wrapper"><div class="progress" style="width:293.684210526px;"></div></div><div class="progress_wrapper2"><div class="progress2" style="width:350 px;"></div></div> <div class="progress_wrapper2"><div class="progress2" style="width:350 px;"></div></div> </table>
<p> </p>
<p> </p>
<p> </p></th>
</p>
</form>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</body>
</html>