0
我沒有問題看到IE或Chrome中的頁面和上傳按鈕在兩個工程..但在FireFox它沒有正確顯示寬度也沒有上傳按鈕的工作..爲什麼不能使用給定的CSS正確顯示/工作？
我似乎無法找到anythiong錯誤與代碼...這裏是整個頁面
<!DOCTYPE html>
<html>
<head>
<style>
*{
margin:0;
padding:0;
font-family:verdana;
color:#3f3f3f;
font-size:14px;
}
html,body{
height:100%;
}
#container{
width:1024px;
margin:0 auto;
height:100%;
}
#content{
min-height:100%;
background-color:#fff;
width:804px;
padding:5px;
float:left;
display:inline;
-moz-border-radius: 10px;
border-radius: 10px;
margin-right:10px;
}
body{
background-color:rgb(228, 228, 228);
}
table{
width:450px;
margin:0 auto;
}
table td{
padding:10px 5px;
}
table th{
background-color:rgb(116, 116, 116);
color:#fff;
padding:10px;
text-align:left;
font-weight:normal;
font-size:16px;
}
table label{
display:block;
padding-bottom:3px;
font-weight:bold;
}
table input[type=text], table select{
display:block;
color:rgb(116, 116, 116);
padding:8px;
line-height:20px;
border:1px solid rgb(183, 187, 202);
font-weight:bold;
vertical-align: middle;
background-color:rgb(255, 255, 255);
width:260px;
}
table select{
width:277px;
}
#txtEmail, #ctitle, #txtDesc{
width:550px;
}
/* Upload Button */
table input[type=file]{
text-align: right;
/* start of transparency styles */
opacity:0;
-moz-opacity:0;
filter:alpha(opacity:0);
/* end of transparency styles */
z-index:2;
cursor:pointer;
}
#fileName{
width:196px;
display:inline;
margin:0;
}
.uploadbtn{
display:block;
padding:0;
margin:0;
font-weight:normal;
width:60px;
display:inline-block;
height:38px;
line-height:38px;
vertical-align:middle;
background-color:#3f3f3f;
color:#fff;
text-align:center;
float:right;
cursor:pointer;
}
/*********************/
</style>
</head>
<body>
<div id="container">
<div id="content">
<table cellpadding="0" cellspacing="0">
<tr><th colspan="2">Informacion de Contacto</th></tr>
<tr>
<td>
<label>Nombre</label><input type="text" maxlength="20" id="txtName" name="txtName"/>
</td>
<td>
<label>Apellido</label><input type="text" maxlength="20" id="txtLastName" name="txtLastName"/>
</td>
</tr>
<tr>
<td>
<label>Telefono</label><input type="text" maxlength="13" id="txtTel1" name="txtTel1"/>
</td>
<td>
<label>Telefono Adicional</label><input type="text" maxlength="13" id="txtTel2" name="txtTel2"/>
</td>
</tr>
<tr>
<td colspan="2">
<label>Email</label><input type="text" maxlength="100" id="txtEmail" name="txtEmail"/>
</td>
</tr>
<tr><th colspan="2">Informacion del Clasificado</th></tr>
<tr>
<td colspan="2">
<label>Titulo</label><input type="text" maxlength="100" id="ctitle" name="ctitle"/>
</td>
</tr>
<tr>
<td colspan="2">
<label>Descripcion</label><textarea name="cbody" cols="78" rows="10" id="cbody" ></textarea>
</td>
</tr>
<tr>
<td>
<label>Precio</label><input type="text" maxlength="9" id="txtPrecio" name="txtPrecio"/>
</td>
<td>
<label>Comentario (OMO,FIJO,etc)</label><input type="text" maxlength="10" id="txtPriceComment" name="txtPriceComment"/>
</td>
</tr>
<tr>
<td>
<label>Tipo de Clasificado</label>
<select>
<option>Venta</option>
<option>Adopcion</option>
</select>
</td>
<td>
<label>Categoria</label>
<select>
<option>Perros</option>
<option>Gatos</option>
</select>
</td>
</tr>
<tr>
<td>
<label>Pueblo</label>
<select>
<option>Area Metro</option>
<option>Bayamon</option>
</select>
</td>
<td>
<label>Foto</label>
<input type="text" maxlength="100" id="fileName" name="fileName"/>
<label class="uploadbtn">Upload
<input type="file" name="userfile" size="20" onchange="javascript: document.getElementById('fileName').value = this.value"/>
</label>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
'