[Resolvido] Problema com Posicionamento no IE

Teteu Six · Julho 13, 2011

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;
}
.question span{
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; 
}
#options span{ 
padding:4px; 
font-size:22px; 
font-weight:bolder; 
color:#666666
}

.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; 
margin-top:13px
}
#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

e aqui o FF

Teteu Six · Julho 14, 2011

Ja resolvi a questão do posicionamento.... eu tive que estilizar a div #wrap :joia:

Entrar

Arquivado

[Resolvido] Problema com Posicionamento no IE

Recommended Posts

Teteu Six 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

Teteu Six 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

printf iniciante básico

JAVA - Orientação para Invalidar Sessão

JAVA - Ajuda em Paginação

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante