Web page display ok in IE 7 but not Firefox 2.0.0.2


W

weetat

Hi all,

I have html as shown below , which display correctly in IE 7 but not
in FireFox 2.0.0.2.
Anyone have ideas or suggestion what cause the problem ?

thanks



<html>
<head>
<title>Activ-Technology.com</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<script language="JavaScript1.2" src="../../js/mm_menu.js"></script>
<script language="JavaScript1.2" src="../../js/mm_rollover.js"></
script>
<script language="JavaScript1.2" src="../../js/mm_admin.js"></script>
<link rel="stylesheet" href="../../sty/common.css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0" onLoad="MM_preloadImages('../../images/
menu_r1_c1_f2.gif','../../images/menu_r1_c2_f2.gif','../../images/
menu_r1_c3_f2.gif','../../images/menu_r1_c4_f2.gif');">
<script language="JavaScript1.2">mmLoadMenus_circuit();</script>
<script language="JavaScript">

// first time loading
window.onload = function(){

var list_address_tr = document.getElementById("list_address_tr");
var address_location_1_tr =
document.getElementById("address_location_1_tr");
var address_location_2_tr =
document.getElementById("address_location_2_tr");
var confirm_upload_tr =
document.getElementById("confirm_upload_tr");
var circuits_select = document.getElementById("circuit_select");
var list_of_bandwidth_select =
document.getElementById("list_of_bandwidth_select");

//list_address_tr.style.display = 'none'; //hide
//address_location_1_tr.style.display = 'none';
//address_location_2_tr.style.display = 'none';
//confirm_upload_tr.style.display = 'none';

not_mpls_submit_tr.style.display = 'none';
mpls_submit_tr.style.display = 'none';

circuits_select.selectedIndex = '';
list_of_bandwidth_select.selectedIndex = '';
to_display_address();
}



function to_display_address(){

var circuits_select = document.getElementById("circuit_select");
var num = circuits_select.selectedIndex; //get the selected index
var value = circuits_select.options[num].value; //get the value of
the selection

var list_address_tr = document.getElementById("list_address_tr");
var address_location_1_tr =
document.getElementById("address_location_1_tr");
var address_location_2_tr =
document.getElementById("address_location_2_tr");
var confirm_upload_tr =
document.getElementById("confirm_upload_tr");
var list_of_bandwidth_tr =
document.getElementById("list_of_bandwidth_tr");
var list_of_bandwidth_select =
document.getElementById("list_of_bandwidth_select");
var confirm_upload_checkbox =
document.getElementById("confirm_upload_checkbox");
var location_address_1 =
document.getElementById("location_address_1");
var location_address_2 =
document.getElementById("location_address_2")

if(value == 'IPLC'){
list_address_tr.style.display = 'none'; // hide
confirm_upload_tr.style.display = 'none';
address_location_1_tr.style.display = 'block';
address_location_2_tr.style.display = 'block';
list_of_bandwidth_tr.style.display = 'block';
list_of_bandwidth_select.selectedIndex = '';
not_mpls_submit_tr.style.display = 'block';
mpls_submit_tr.style.display = 'none';
location_address_1.value = '';
location_address_2.value = '';
}else
if(value == 'Internet'){
list_address_tr.style.display = 'none'; // hide
confirm_upload_tr.style.display = 'none';
address_location_1_tr.style.display = 'block';
address_location_2_tr.style.display = 'none';
list_of_bandwidth_tr.style.display = 'block';
list_of_bandwidth_select.selectedIndex = '';
not_mpls_submit_tr.style.display = 'block';
mpls_submit_tr.style.display = 'none';
location_address_1.value = '';
location_address_2.value = '';
}
else
if(value == 'MPLS')
{
list_address_tr.style.display = 'none';
confirm_upload_tr.style.display = 'block'; // show
address_location_1_tr.style.display = 'block';
address_location_2_tr.style.display = 'none';
confirm_upload_checkbox.checked = '';
list_of_bandwidth_tr.style.display = 'block';
list_of_bandwidth_select.selectedIndex = 0;
not_mpls_submit_tr.style.display = 'none';
mpls_submit_tr.style.display = 'block';
location_address_1.value = '';
location_address_2.value = '';
}
}

function confirm_upload_address(){

var confirm_upload_checkbox =
document.getElementById("confirm_upload_checkbox");
var list_address_tr = document.getElementById("list_address_tr");
var address_location_1_tr =
document.getElementById("address_location_1_tr");
var address_location_2_tr =
document.getElementById("address_location_2_tr");
var list_of_bandwidth_tr =
document.getElementById("list_of_bandwidth_tr");
var add_circuit_mpls_submit =
document.getElementById("add_circuit_mpls_submit");
var add_circuit_mpls_submit_2 =
document.getElementById("add_circuit_mpls_submit_2");

var is_upload_address = confirm_upload_checkbox.checked;

if(is_upload_address){
list_address_tr.style.display = 'block';
address_location_1_tr.style.display = 'none';
address_location_2_tr.style.display = 'none';
list_of_bandwidth_tr.style.display = 'none';
add_circuit_mpls_submit.value = 'Confirm';
add_circuit_mpls_submit_2.value = 'Reset';
add_circuit_mpls_submit_2.type = 'reset';
}else{
list_address_tr.style.display = 'none';
address_location_1_tr.style.display = 'block';
list_of_bandwidth_tr.style.display = 'block';
add_circuit_mpls_submit.value = 'Add More';
add_circuit_mpls_submit_2.type = 'submit';
add_circuit_mpls_submit_2.value = 'Confirm';
}

}

</script>
<table width="760" height="468" border="0" align="center"
cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td rowspan="2" class="leftborder" valign="top">
<img src="../../images/logo.gif" width="268" height="85" alt=""></
td>
<td height="50" valign="top" class="rightborder">
<img src="../../images/topbar.gif" width="492" height="50" alt=""></
td>
</tr>
<tr>
<td height="2" valign="top" class="rightborder"><a href="../../
index.html" onMouseOut="MM_swapImgRestore();"
onMouseOver="MM_swapImage('menu_r1_c1','','../../images/
menu_r1_c1_f2.gif',1);"><img name="menu_r1_c1" src="../../images/
menu_r1_c1_f2.gif" width="123" height="35" border="0" alt=""></a><a
href="../../aboutus.html" onMouseOut="MM_swapImgRestore();"
onMouseOver="MM_swapImage('menu_r1_c2','','../../images/
menu_r1_c2_f2.gif',1);"><img name="menu_r1_c2" src="../../images/
menu_r1_c2.gif" width="123" height="35" border="0" alt=""></a><a
href="../../contactus.html" onMouseOut="MM_swapImgRestore();"
onMouseOver="MM_swapImage('menu_r1_c3','','../../images/
menu_r1_c3_f2.gif',1);"><img name="menu_r1_c3" src="../../images/
menu_r1_c3.gif" width="123" height="35" border="0" alt=""></a><a
href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();"
onMouseOver="MM_showMenu(window.mm_menu_0227180146_0,0,35,null,'menu_r1_c4');MM_swapImage('menu_r1_c4','','../../
images/menu_r1_c4_f2.gif',1);"><img name="menu_r1_c4" src="../../
images/menu_r1_c4.gif" width="123" height="35" border="0" alt=""></a></
td>
</tr>
<!-- no banner , karen will add in -->

<tr valign="top">
<td width="760" height="363" colspan="2"
class="rightleftbottomborder">
<form name="addcircuitfm" action="add_circuits.php"
method="post" enctype="multipart/form-data">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<!-- <tr>
<td width="2%">&nbsp;</td>
<td width="96%" class="normal" ><br> <img
src="../../images/ttl_conn.gif" width="121"
height="11"><br> <br>
<div style="border:1px solid #dddddd "> <object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://
fpdownload.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=8,0,0,0" width="733" height="289" id="test"
align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="../../swf/home.swf" /><param name="quality"
value="high" /><param name="bgcolor" value="#ffffff" /><embed
src="../../swf/home.swf" quality="high" bgcolor="#ffffff" width="733"
height="289" name="test" align="middle" allowScriptAccess="sameDomain"
type="application/x-shockwave-flash" pluginspage="http://
www.macromedia.com/go/getflashplayer" />
</object></div></td>
<td width="2%">&nbsp;</td>
</tr> -->
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td class="normal" >&nbsp;</td>
<td><span class="normal">Select Type of Circuits
Required:</span></td>
<td class="normal" >&nbsp;</td>
<td>
<!--onchange="to_display_address();"-->
<select id="circuit_select" class="normal" size="1"
name="circuits" onchange="to_display_address();" >
<option value="0">----- Please Select ------</option>
<option value="IPLC">IPLC</option>
<option value="MPLS">MPLS</option>
<option value="Internet">Internet</option>
</select>
</td>
</tr>
<tr id="confirm_upload_tr" style="display: none">
<td class="normal" >&nbsp;</td>
<td><span class="normal">Upload Address :</span></td>
<td class="normal" >&nbsp;</td>
<td><input type="checkbox" id="confirm_upload_checkbox"
class="normal" size="1" name="confirm_upload"
onclick="confirm_upload_address();"></td>
</tr>
<tr id="list_of_bandwidth_tr" style="display: none">
<td class="normal" >&nbsp;</td>
<td><span class="normal">List of Bandwidth:</span></td>
<td class="normal" >&nbsp;</td>
<td><select id="list_of_bandwidth_select" class="normal"
size="1" name="bandwidth"> <option value="0">----- Please Select ------
</option><option value="64kbps"> 64kbps</option><option
value="128kbps"> 128kbps</option><option value="256kbps"> 256kbps</
option><option value="384kbps"> 384kbps</option><option
value="512kbps"> 512kbps</option><option value="768kbps"> 768kbps</
option><option value="1mbps"> 1mbps</option><option value="1.5mbps">
1.5mbps</option><option value="2mbps"> 2mbps</option><option
value="3mbps"> 3mbps</option><option value="4mbps"> 4mbps</
option><option value="5mbps"> 5mbps</option><option value="10mbps">
10mbps</option><option value="20mbps"> 20mbps</option><option
value="30mbps"> 30mbps</option><option value="40mbps"> 40mbps</
option><option value="50mbps"> 50mbps</option><option value="100mbps">
100mbps</option><option value="155mbps"> 155mbps</option><option
value="1gbps"> 1gbps</option><option value="Other"> Other</option></
select></td> </tr>
<tr id="list_address_tr" style="display: none">
<td class="normal" >&nbsp;</td>
<td>
<span class="normal">Upload list of Address:</span>
</td>
<td class="normal" >&nbsp;</td>
<td class="normal"><input id="file_addresses" type="file"
class="normal" name="addresses[]"></td>
</tr>
<tr id="address_location_1_tr" style="display: none">
<td class="normal" >&nbsp;</td>
<td>
<span class="normal">Address of Location 1:</span>
</td>
<td class="normal" >&nbsp;</td>
<td class="normal"><textarea id="location_address_1"
name="location_address[]" class="normal" rows="5" cols="32"></
textarea></td>
</tr>
<tr id="address_location_2_tr" style="display: none">
<td class="normal" >&nbsp;</td>
<td>
<span class="normal">Address of Location 2:</span>
</td>
<td class="normal" >&nbsp;</td>
<td class="normal"><textarea id="location_address_2"
name="location_address[]" class="normal" rows="5" cols="32"></
textarea></td>
</tr>
</div>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>&nbsp;</tr>
<tr>&nbsp;</tr>
<tr id="not_mpls_submit_tr" align="center">
<td class="normal">&nbsp;</td>
<td class="normal">&nbsp;</td>
<td class="normal">&nbsp;</td>
<td>
<input id="add_circuit_not_mpls_submit"
name="add_circuit_not_mpls" type="submit" class="normal"
value="Confirm">
<input name="reset" type="reset" class="normal"
value="Reset">
</td>
</tr>
<tr id="mpls_submit_tr" align="center">
<td class="normal">&nbsp;</td>
<td class="normal">&nbsp;</td>
<td class="normal">&nbsp;</td>
<td>
<input id="add_circuit_mpls_submit"
name="add_circuit_mpls" type="submit" class="normal" value="Add More">
<input id="add_circuit_mpls_submit_2"
name="add_circuit_mpls" type="submit" class="normal" value="Confirm">
</td>
</tr>
</table>
</form>
<br></td>
</tr>
<tr align="center" valign="middle" bgcolor="#666666">
<td height="16" colspan="2" class="rightleftbottomborder"><div
align="center" class="footer">Best viewed with IE 5.0 and Netscape 6.0
&amp; above. &copy; Activ-Technology.All Rights Reserved.</div></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
 
Ad

Advertisements

R

Richard Formby

weetat said:
Hi all,

I have html as shown below , which display correctly in IE 7 but not
in FireFox 2.0.0.2.
Anyone have ideas

Supply a URL, not 15K of code.

<snip>
 
J

John Hosking

weetat said:
Hi all,

I have html as shown below

ERRRNNNT!

[entire rest of message ignored and snipped]

Hey, you forgot to post the contents of your CSS file and your three
external JavaScript files. We'd like to be able to ignore *them* too.
 
E

Ed Seedhouse

Hi all,

I have html as shown below , which display correctly in IE 7 but not
in FireFox 2.0.0.2.
Anyone have ideas or suggestion what cause the problem ?

thanks



<html>

Assuming your original contained all the code, we need go no further.
Lack of a DTD puts browsers into quirks mode where each browser will
render things differently.

If you don't know what a DTD is - well, time to get a clue.
 
N

Neredbojias

Hi all,

I have html as shown below , which display correctly in IE 7 but not
in FireFox 2.0.0.2.
Anyone have ideas or suggestion what cause the problem ?

thanks



<html>
<head>
<snip>

Actually, I wonder if it displays "correctly" in any browser without a
doctype. It may display the way you want it to display somewhere, but your
markup clearly seems to be lacking the standards that could provide more
real uniformitivity.
 
J

Jukka K. Korpela

Scripsit Neredbojias:
Actually, I wonder if it displays "correctly" in any browser without a
doctype.

Without a document type declaration, an HTML document is not correct
(technically, not an HTML document at all), so strictly speaking, the
concept of correct rendering is meaningless.

On the other hand, browsers use document type declarations _only_ as magic
strings in selecting between two (or sometimes three) rendering modes, a
broken one (called "standards mode") or a _very_ broken one (called "quirks
mode"). Omitting a document type declaration is a sure way of putting the
browser into the very broken one. But you can't make things worse than that.

In fact, merely adding a correct document type declaration into a document
that otherwise grossly violates HTML and CSS specifications would very
probably make things _worse_.
 
Ad

Advertisements

D

dorayme

"Jukka K. Korpela said:
In fact, merely adding a correct document type declaration into a document
that otherwise grossly violates HTML and CSS specifications would very
probably make things _worse_.

Adding it in these circumstances is like adopting a scientific
tone of voice while talking bullshit.
 
Ad

Advertisements

N

Neredbojias

Scripsit Neredbojias:


Without a document type declaration, an HTML document is not correct
(technically, not an HTML document at all), so strictly speaking, the
concept of correct rendering is meaningless.

On the other hand, browsers use document type declarations _only_ as
magic strings in selecting between two (or sometimes three) rendering
modes, a broken one (called "standards mode") or a _very_ broken one
(called "quirks mode"). Omitting a document type declaration is a sure
way of putting the browser into the very broken one. But you can't
make things worse than that.

In fact, merely adding a correct document type declaration into a
document that otherwise grossly violates HTML and CSS specifications
would very probably make things _worse_.

True, but I think the idea is that the doctype declaration provides a more
appropriate structure for determining what is correct or not. Naturally,
it still is up to the browser to interpret and act upon such information
though most browsers do seem to perform better with a proper declaration.
I guess this could be viewed as a situation of "identifying mistakes
correctly" or at least more properly in an optimistic sense.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top