Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Jorge Jardim

Funciona apenas no IE

Por , em Desenvolvimento frontend

Recommended Posts

Jorge Jardim    0

Jorge Jardim
Postado

Alguem pode me ajudar em uma solução para que esse layout funcione naum só no IE, mas tb em outro browsers?

 

<head><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /><style type="text/css">/* estrutura principal */body {	margin:0;	padding:0;	font-family:Verdana,Sans-serif;	font-size:.7em;	background:#FFFFFF;	color:#000000;	voice-family: "\"}\"";	voice-family:inherit;	text-align:left;} html>body {	font-size:.7em;}#patrocinio {	position:relative;	width:780px;	height:23px;	background: #FF0000;}#corpo {	position:relative;	width:780px;	height:auto;	text-align:left;	background-color:#FFFFFF;}#cabecalho {	position:relative;	width:780px;	height:100px;}#alfabeto-produto {	position:relative;	width:780px;	height:22px;	background:#E4E4E4;	border:1px solid #CCCCCC;	border-top:2px solid #CCCCCC;	padding:2px;}#descricao-produto {	position:relative;	width:780px;	height:200px;}#resulado-produto {	position:relative;	width:780px;	height:auto;	padding:10px 0 10px 10px;	background: #000066;}#conteudo {	position:relative;	width:780px;	height:auto;	margin-top:3px;}#rodape a {	position:relative;	width:780px;	height:22px;	text-align:center;	padding:5px;}/* fim da estrutura principal *//* estrutura patrocinio */#barra-patrocinio li {	margin: 0;	list-style: none; 	display: inline;}#barra-patrocinio .nome-patrocinio a {	position:absolute;	top:0;	left:0px;	right:100px;	width:580px;	height:23px;	background:#006600;}#barra-patrocinio .select-patrocinio {	position:absolute;	top:0;	left:580px;	right:0;	width:200px;	height:23px;	background:#660000;}/* fim da estrutura patrocinio *//* estrutura cabecalho */#quadro-area a {	position:absolute;	top:5px;	left:5px;	margin:0;	width:525px;	height:90px;}#procura-produto {	position:absolute;	top:0;	left:535px;	margin:0;	width:245px;	height:100px;	background: #999999;}/* fim da estrutura cabecalho *//* quadro area */#logo-area {	position:absolute;	top:0;	left:0;	width:100px;	height:83px;	background: #FFFFFF url(../../../logo.gif) no-repeat center center;}#info-area {	position:absolute;	top:0;	left:98;	width:425px;	height:88px;	background:#003399;	color:#FFFFFF;	text-align:center;	padding:10px;	}/* fim quadro area *//* procura-produto */#procura-produto {	font-weight: bold;	padding:5px 15px;	color:#FFFFFF;	line-height:200%;}/* fim procura-produto *//* barra alfabeto */#alfabeto {	position:absolute;	left:25px;	text-align:center;}#alfabeto li {	margin: 0;	display: inline;}#alfabeto li a {	font-family:Geneva, Arial, Helvetica, sans-serif;	color:#000000;	font-weight: bold;	text-decoration: none;	border:1px solid #E4E4E4;	text-align:center;	width:20px;}#alfabeto li a:hover {	color:#FFFF00;	background: #CCCCCC;	border:1px solid #999999;}/* fim barra alfabeto *//* descricao produto */#local_foto-produto {	position:absolute;	top:3;	left:3;	width:545px;	height:195px;	border: 1px solid #CCCCCC;	padding:150px 275px 5px 13px;		text-align:center;}#foto-produto {	position:absolute;	top:18;	left:13;	width:262px;	height:165px;	border: 1px solid #CCCCCC;	background: transparent url(../../../produto.jpg) no-repeat center center;}#info-produto {	position:absolute;	top:13;	left:285px;	width:250px;	height:175px;	border-left: 2px solid #CCCCCC;	padding:0 10px;	line-height:90%;}#logon-produto {	position:absolute;	top:3;	left:550px;	width:230px;	height:195px;	border: 1px solid #CCCCCC;	background-color:#E4E4E4;	padding:10px;}#logon-produto-msg {	font-weight: bold;	text-align:center;	margin-bottom:10px;}#logon-produto-erro {	display:block;	color:#FF0000;	text-align:center;	margin-bottom:10px;	height:30px;}#logon-produto-form {	line-height:200%;}#logon-produto-form input {	font-size:0.9em;	font-color:#CAD1E3;	border-color:#CAD1E3;	border-width:0.01cm;}.logon_botton {	font-size:0.9em;	font-color:#CAD1E3;	border-color:#CAD1E3;	border-width:0.01cm;	background:#CCCCCC;}.logon_nome_campo {	width:55px;	text-align:right;}/* fim descricao produto *//* conteudo */#conteudo {	padding:0px 0px 0px 155px;	height:500px;}#conteudo-menu {	position:absolute;	top:0px;	left:-40px;	text-align:left;}#conteudo-menu li {	margin: 0;	list-style: none;}#conteudo-menu li a {	font-family:Geneva, Arial, Helvetica, sans-serif;	color:#000000;	font-weight: bold;	text-decoration: none;	border:1px solid #CCCCCC;	text-align:left;	width:150px;	height:25px;	background: #E4E4E4;	padding:5px;}#conteudo-menu li a:hover {	color:#FFFF00;	background: #CCCCCC;	border:1px solid #999999;}#conteudo-text {	border:1px solid #E4E4E4;	height:495px;	padding:5px;}/* fim conteudo */</style></head><body><div id="corpo">   <!-- patrocionio -->  <div id="patrocinio"> 	<div id="barra-patrocinio"> 	  <ul>		<li class="nome-patrocinio"><a href="#">quadro 1 - li 1</a></li>		<li class="select-patrocinio">quadro 2 - li 2</li>	  </ul>	</div>  </div>  <!-- fim do patrocinio -->  <!-- cabecalho -->  <div id="cabecalho"> 	<div id="quadro-area"> 	  <div id="logo-area">quadro 2</div>	  <div id="info-area">quadro 3</div>	</div>	<div id="procura-produto">quadro 4</div>  </div>  <!-- fim do cabecalho -->  <!-- barra do alfabeto -->  <div id="alfabeto-produto"> 	<div id="alfabeto"> 	  <ul>		<li><a href="#">A</a></li>		<li><a href="#">B</a></li>		<li><a href="#">C</a></li>		<li><a href="#">D</a></li>		<li><a href="#">E</a></li>		<li><a href="#">F</a></li>		<li><a href="#">G</a></li>		<li><a href="#">H</a></li>		<li><a href="#">I</a></li>		<li><a href="#">J</a></li>		<li><a href="#">K</a></li>		<li><a href="#">L</a></li>		<li><a href="#">M</a></li>		<li><a href="#">N</a></li>		<li><a href="#">O</a></li>		<li><a href="#">P</a></li>		<li><a href="#">Q</a></li>		<li><a href="#">R</a></li>		<li><a href="#">S</a></li>		<li><a href="#">T</a></li>		<li><a href="#">U</a></li>		<li><a href="#">V</a></li>		<li><a href="#">X</a></li>		<li><a href="#">W</a></li>		<li><a href="#">Y</a></li>		<li><a href="#">Z</a></li>		<li><a href="#">0/9</a></li>	  </ul>	</div>  </div>  <!-- fim da barra do alfabeto -->  <!-- descricao produto -->  <div id="descricao-produto"> 	<div id="local_foto-produto">Foto do Produto</div>	<div id="foto-produto"></div>	<div id="info-produto">Informações do Produto</div>	<div id="logon-produto">	  <form>		<div id="logon-produto-msg">Acesso Restrito:</div>		<div id="logon-produto-erro"><strong>LOGIN INVÁLIDO</strong><br />Verifique o LOGIN e/ou SENHA digitados.</div>		<div id="logon-produto-form">		  <label>			<span class="logon_nome_campo">Login:</span> <input type="text" />		  </label><br />		  <label>			<span class="logon_nome_campo">Senha:</span> <input type="text" />		  </label><br />		  <span class="logon_nome_campo"></span> <input name="filtro" type="submit" class="logon_botton" value="Enviar" />		</div>	  </form>	</div>  </div>  <!-- fim do descricao produto -->  <!-- resultado de produto -->  <div id="resulado-produto">Resultado da busco do produto</div>  <!-- fim do resultado de produto -->  <!-- conteudo -->  <div id="conteudo">	<div id="conteudo-menu"> 	  <ul>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>		<li><a href="#">Menu</a></li>	  </ul>	</div>	<div id="conteudo-text">Conteudo, conteudo, conteudo...</div>  </div>  <!-- fim do conteudo -->  <!-- rodape -->  <div id="rodape"><a href="#">rodapé</a></div>  <!-- fim do rodape --></div> <!-- fim do corpo --> </body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito