Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Vim pedir uma grande ajuda a vocês, eu estou fazendo uma enquete em um site de um cliente com 3 "telas" a 1ª e a 2ª estão ok no FF Chrome etc... Menos no "querido" amigo dos desenvolvedores o IE :angry:
o HTML esta assim:
<!-- ************* PRIMEIRA TELA DA ENQUETE ************* -->
<?php
$dataAtual = date('Y-m-d');
$sqlPerg = "SELECT *
FROM tb_enquete_pergunta_epe
WHERE dat_data_termino_epe > CURDATE()
AND txt_status_epe = 'Ativado'";
$queryPerg = mysql_query($sqlPerg);
$rowsPerg = mysql_num_rows($queryPerg);
if ($rowsPerg == 0) {
?>
<div id="enqueteLoginRight" style="display: none;">
<p class="titleEnquete">Enquete</p>
<p class="textInTopEnquete">Qual a empresa atual mais...</p>
<form name="form1" method="post" action="" id="formLoginEnquete">
<input type="text" name="empresa" id="empresa" value="EMPRESA" class="login">
<input type="text" name="cnpj" id="cnpj" value="CNPJ" class="cnpj">
<input type="submit" name="enviar" id="enviar" value="LOGAR" class="buttonEnviar">
</form>
<div class="boxError" style="display: none;"></div>
</div>
<?php
}
else {
$arrayPerg = mysql_fetch_array($queryPerg);
$codPerg = $arrayPerg['pk_cod_epe'];
$nomePerg = $arrayPerg['txt_pergunta_epe'];
?>
<div id="enqueteLoginRight">
<p class="titleEnquete">Enquete</p>
<p class="textInTopEnquete"><?php echo $nomePerg; ?></p>
<form name="form1" method="post" action="" id="formLoginEnquete">
<input type="hidden" name="idPerg" id="idPerg" value="<?php echo $arrayPerg['pk_cod_epe']; ?>" />
<input type="text" name="empresa" id="empresa" value="EMPRESA" class="login" />
<input type="text" name="cnpj" id="cnpj" value="CNPJ" class="cnpj" />
<input type="submit" name="enviar" id="enviar" value="LOGAR" class="buttonEnviar" />
</form>
<div class="boxError" style="display: none;"></div>
</div>
<?php
}
?>
<?php
$sqlResp = "SELECT *
FROM tb_enquete_indice_resposta_eir
WHERE fk_cod_epe = " . $codPerg . "";
$queryResp = mysql_query($sqlResp);
$rowsResp = mysql_num_rows($queryResp);
if ($rowsResp == 0) {
?>
<!-- *************** SEGUNDA TELA DA ENQUETE *************** -->
<div id="enqueteSelectOptionRight" style="display: none;">
<p class="titleEnquete">Enquete</p>
<p class="textInTopEnquete"><?php echo $nomePerg; ?></p>
<form name="form2" method="post" action="" id="formSelectOptionEnquete">
<ul id="listQuestion">
<?php
while ($arrayResp = mysql_fetch_array($queryResp)) {
$idResp = $arrayResp['pk_cod_eir'];
$nomeResp = $arrayResp['txt_resposta_eir'];
$resp = "<li class='question'>";
$resp .= "<input type='radio' name='resposta' value=" . $idResp . " class='select' />";
$resp .= "<span>" . $nomeResp . "</span>";
$resp .= "</li>";
echo $resp;
}
?>
</ul>
<input type="button" name="buttonVotar" id="buttonVotar" value="VOTAR" class="buttonVotar">
</form>
<div class="boxError" style="display: none;"></div>
</div>
<?php
}
else {
?>
<!-- *************** SEGUNDA TELA DA ENQUETE *************** -->
<div id="enqueteSelectOptionRight" style="display: none;">
<p class="titleEnquete">Enquete</p>
<p class="textInTopEnquete"><?php echo $nomePerg; ?></p>
<form name="form2" method="post" action="" id="formSelectOptionEnquete">
<ul id="listQuestion">
<?php
while ($arrayResp = mysql_fetch_array($queryResp)) {
$idResp = $arrayResp['pk_cod_eir'];
$idPergResp = $arrayResp['fk_cod_epe'];
$nomeResp = $arrayResp['txt_resposta_eir'];
$resp = "<li class='question'>";
$resp .= "<input type='radio' name='resposta' value=" . $idResp . " class='select' />";
$resp .= "<span>" . $nomeResp . "</span>";
$resp .= "</li>";
echo $resp;
}
?>
</ul>
<input type="hidden" name="idCnpj" id="idCnpj" value="<?php echo $_SESSION['idCnpj']; ?>" />
<input type="hidden" name="idPergResp" id="idPergResp" value="<?php echo $idPergResp; ?>" />
<input type="button" name="buttonVotar" id="buttonVotar" value="VOTAR" class="buttonVotar" />
</form>
<div class="boxError2" style="display: none;"></div>
</div>
<?php
}
?>
<!-- *************** TERCEIRA TELA DA ENQUETE *************** -->
<div id="formSelectOptionEnquete2" style="display: none;">
<p class="titleEnquete">Resultado parcial da enquete</p>
<p class="textInTopEnquete"><?php echo $nomePerg; ?></p>
<div id="wrap" align="center">
<div class="search-background">
<label><img src="loading.gif" alt="" /></label>
</div>
<div id="options" align="center">
<?php
$sqlCount = "SELECT tb_enquete_resposta_ere.fk_cod_eir,
COUNT(tb_enquete_resposta_ere.fk_cod_eir) AS totalVotos
FROM tb_enquete_resposta_ere
INNER JOIN tb_enquete_indice_resposta_eir
ON tb_enquete_resposta_ere.fk_cod_eir = tb_enquete_indice_resposta_eir.pk_cod_eir";
$queryCount = mysql_query($sqlCount);
$arrayCount = mysql_fetch_array($queryCount);
$totalVotos = $arrayCount['totalVotos'];
$sql = "SELECT tb_enquete_indice_resposta_eir.txt_resposta_eir AS txt_resposta_eir,
tb_enquete_resposta_ere.fk_cod_eir, COUNT(tb_enquete_resposta_ere.fk_cod_eir) AS contagem
FROM tb_enquete_resposta_ere
INNER JOIN tb_enquete_indice_resposta_eir
ON tb_enquete_resposta_ere.fk_cod_eir = tb_enquete_indice_resposta_eir.pk_cod_eir
GROUP BY tb_enquete_resposta_ere.fk_cod_eir";
$query = mysql_query($sql);
while($array = mysql_fetch_array($query)) {
$contagem = $array['contagem'];
$calculaVoto = ($contagem / 100) * $totalVotos;
echo '<label>' . $array['txt_resposta_eir'] . ' </label>';
echo '<label>' . $calculaVoto . ' %</label><br />';
}
?>
<br clear="all" />
</div>
</div>
</div>
e a CSS:
/************************/
#enqueteLoginRight{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-top: 10px;
margin-bottom: 15px;
background-color: #969696;
}
.titleEnquete{
font-weight: bold;
font-size: 13px;
margin-bottom: 5px;
margin-left: 10px;
}
.textInTopEnquete{
color: #666666;
font-size: 11px;
margin-bottom: 10px;
margin-left: 10px;
}
#formLoginEnquete{
height: 80px;
}
.login {
color: #666666;
font-size: 11px;
height: 20px;
width: 170px;
margin-left: 10px;
border: none;
}
.cnpj {
color: #666666;
font-size: 11px;
height: 20px;
width: 170px;
margin-left: 10px;
border: none;
}
.buttonEnviar{
float: right;
font-size: 13px;
height: 22px;
margin-right: 8px;
width: 60px;
background-color: #666666;
color: #969696;
border: none;
}
.boxError{
clear: both;
border: 1px solid #FF0000;
height: 35px;
color: #FFFFFF;
font-weight: bold;
margin-bottom: 10px;
margin-left: 10px;
padding-left: 3px;
text-align: left;
width: 160px;
font-size: 11px;
*width: 117px;
}
.boxError2 {
clear: both;
border: 1px solid #FF0000;
height: 35px;
color: #FFFFFF;
font-weight: bold;
margin-bottom: 10px;
margin-left: 10px;
padding-left: 3px;
text-align: left;
width: 160px;
font-size: 11px;
}#enqueteSelectOptionRight{
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
height: auto;
min-height: 205px;
margin-bottom: 15px;
margin-top: 10px;
background-color: #969696;
}
#formSelectOptionEnquete{
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
margin-bottom: 15px;
margin-top: 10px;
}
#listQuestion{
margin-left: 10px;
}
.question{
list-style-type: none;
}margin-left: 3px;
margin-top: 1px;
*margin-left: 0px;
*margin-top: 5px;
position: absolute;
}
.select{
width: 15px;
}
.buttonVotar{
float: right;
font-size: 13px;
height: 22px;
margin-right: 8px;
width: 60px;
background-color: #666666;
color: #969696;
border: none;
}
/ CSS Document /
#wrap{
width:200px;
}
#options{
font-size:12px; padding:6px;
}padding:4px;
font-size:22px;
font-weight:bolder;.greenBar{
float:left;
height:11px;
margin-left:10px;
width:32px;
}
.redBar{
height:8px;
float:left;
margin-left:12px;
width:32px;
}
.blueBar{
height:8px;
float:left;
margin-left:12px;
width:32px;
}
table{
font-size:10px;
}
#good, #bad, #average {
width:110px;
display:block;
text-align:center;
text-decoration:none;
color:#FFFFFF;
cursor:pointer;
padding:6px;#good {
background:#CC0000;
}
#bad {
background:#B5C543;
}
#average {
background:#336699;
}
#good:hover, #bad:hover, #average:hover {
background:#006699;
}
.search-background {
display: none;
font-size: 13px;
background:#999999;
color:#FFFFFF;
font-weight: bold;
height:110px;
position: absolute;
padding-top:80px;
text-align: center;
text-decoration: none;
width:200px;
}
#formSelectOptionEnquete2{
position: relative;
margin-top: 0px;
Tirei um Print aklie o do IE
/applications/core/interface/imageproxy/imageproxy.php?img=http://img220.imageshack.us/img220/4774/acimacarie2.jpg&key=95290519f5de118fa7376ad7e316eab7ea9ac92dfc17f8c2b4712422221203ef" alt="acimacarie2.jpg" />
e aqui o FF
/applications/core/interface/imageproxy/imageproxy.php?img=http://img231.imageshack.us/img231/6280/acimacarff.jpg&key=29de1e3052df423ccee24db1f8bb5aa85f84f8007244bff4f4d7c4b42ddd0db7" alt="acimacarff.jpg" />
Carregando comentários...