Ir para conteúdo

POWERED BY:

Arquivado

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

xarlington

Site funciona com Bugs no IE 6 e 7 mesmo com Comentarios Condicionais

Por , em Desenvolvimento frontend

Recommended Posts

xarlington    0

xarlington
Postado

Salve, salve galera, criei um site ficticio em tableless, testei ele no Firefox, Opera e Safari e está funcionando perfeitamente, so que quando chega naquele lixo do IE 6 e no 7, vem os bugs, já coloquei Comentarios Condicionais e Hacks mais mesmo assim não resolveu o meu problema, o que devo fazer mais???.... <img src="http://forum.imasters.com.br/public/style_emoticons/<#EMO_DIR#>/upset.gif" style="vertical-align:middle" emoid=" http://forum.imasters.com.br/public/style_emoticons/default/upset.gif " border="0" alt="upset.gif" /> <img src="style_emoticons/<#EMO_DIR#>/upset.gif" style="vertical-align:middle" emoid=" http://forum.imasters.com.br/public/style_emoticons/default/upset.gif " border="0" alt="upset.gif" />

 

Obrigado!!!

 

 

<b>Código da Página Index:</b>

<!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/principal.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="metatags" -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="title" -->
<title>Fashion Wear</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<link href="estilosie6.css" rel="stylesheet" type="text/css"/>
<![endif]-->
<!--[if IE 7]>
<link href="estilosie7.css" rel="stylesheet" type="text/css"/>
<![endif]-->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>

<body>
<div id="estrutura">

<div id="topo">
<!-- InstanceBeginEditable name="topo" -->
  <div id="logomarca">
	<h1><span>Fashion Wear</span></h1>
  </div>
  <div id="menu">
	<ul>
	  <li><a href="index.htm" title="Página inicial" class="current">Home</a></li>
	  <li><a href="blusas.htm" title="Ver estoque de blusas">Blusas</a></li>
	  <li><a href="bolsas.htm" title="Ver estoque de bolsas">Bolsas</a></li>
	  <li><a href="sapatos.htm" title="Ver estoque de sapatos">Sapatos</a></li>
	  <li><a href="modainverno.htm" title="Moda inverno">Moda Inverno</a></li>
	  <li><a href="modaverao.htm" title="Moda verao">Moda verão</a></li>
	  <li><a href="quemsomos.htm" title="Sobre nos">Quem somos</a></li>
	  <li><a href="contato.htm" title="Entre em contato conosco">Contato</a></li>
	</ul>
  </div>
<!-- InstanceEndEditable -->
</div>
<div id="conteudo">
<!-- InstanceBeginEditable name="conteudo" -->
  <div id="col-esq">
	<h2>>>Lançamentos</h2>
	<div id="imagens-lista"> <a href="haybam.htm" title="Óculos Haybam"><img src="imagens/conteudo/oculos-haybam.jpg" alt="Óculos Haybam" /></a> <a href="oculossport.htm" title="Óculos Sport"><img src="imagens/conteudo/oculos-sport.jpg" alt="Óculos Sport" /></a> <a href="sapatosweastcoast.htm" title="Óculos Haybam"><img src="imagens/conteudo/sapatos-westcoast.jpg" alt="Sapatos Weastcoast" /></a> </div>
	<div id="box-um">
	  <h2>>>Promoção</h2>
	  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
	</div>
  </div>
  <div id="col-dir">
	<div id="box-dois"> <img src="imagens/conteudo/moda-inverno.jpg" alt="Moda inverno" />
		<div id="imagem-lista1"> <a href="foto-primavera-um.htm" title="foto-primavera-um"><img src="imagens/conteudo/foto-primavera-um.jpg" alt="Foto Primaver1" /></a> <a href="foto-primaver-dois.htm" title="foto-primavera-dois"><img src="imagens/conteudo/foto-primaver-dois.jpg" alt="Foto Primaver2" /></a> <a href="foto-primavera-tres.htm" title="foto-primavera-tres"><img src="imagens/conteudo/foto-primaver-tres.jpg" alt="Foto Primaver3" /></a> 
		</div>
	</div>
	<div id="box-tres"> <img src="imagens/conteudo/moda-verao.jpg" alt="Moda verão" />
		<div id="imagens-lista2"> <a href="fotoveraoum.htm" title="Foto verão um"><img src="imagens/conteudo/foto-verao-um.jpg" alt="foto verao um" /></a> <a href="fotoveraodois.htm" title="Foto verão dois"><img src="imagens/conteudo/foto-verao-dois.jpg" alt="foto verao dois" /></a> <a href="fotoveraotres.htm" title="Foto verão tres"><img src="imagens/conteudo/foto-verao-tres.jpg" alt="foto verao tres" /></a> <a href="fotoveraoquatro.htm" title="Foto verão quatro"><img src="imagens/conteudo/foto-verao-quatro.jpg" alt="foto verao quatro" /></a> </div>
	</div>
  </div>
<!-- InstanceEndEditable -->
</div>
<div id="rodape">
<!-- InstanceBeginEditable name="rodape" -->www.fashionwear.com.br - © Copyright 2009 - ® All Rights Reserved<br />
	<a href="http://www.microsoft.com" title="acesse nosso site">Made by Creative Web</a>
	<!-- InstanceEndEditable -->
	</div>
</div>
</body>
<!-- InstanceEnd --></html><!--c2--></div><!--ec2-->

Compartilhar este post

Link para o post
Compartilhar em outros sites

xarlington    0

xarlington
Postado

Entaum pessoa o site esta off.. mais irei colocar o css principal e do IE para vcs.

 

 

CSS Pincipal:

 

/****CSS RESET****/
* {margin:0; padding:0; list-style:none; border:none;}
/****TAGS PADRÕES****/
body, html {background:white; font:12px Arial, Helvetica, sans-serif; color:black; height:100%;}
/****ESTILIZAÇÃO TOPO****/
#logomarca span {display:none;}
#logomarca {background:url(imagens/topo/logomarca.jpg) no-repeat; width:894px; height:151px; margin:0 auto;}
#menu {background:url(imagens/topo/menu.gif) no-repeat; width:894px; height:33px; margin:0 auto; margin-top:5px;}
#menu li {float:left; padding-top:6px;}
#menu li a {text-decoration:none; margin-left:12px; margin-right:25px; font:12px Arial, Helvetica, sans-serif; color:black; padding:6px 8px;}
#menu li a:hover {background:#00FFFF; text-decoration:underline;}
#menu li a.current {background:#00FFFF; text-decoration:underline;}
/****ESTILIZAÇÃO ESTRUTURA****/
#estrutura {background:url(imagens/conteudo/bg-conteudo.gif) no-repeat; width:955px; height:600px; margin:0 auto; padding-top:10px; margin-top:5px; min-height:100%; height:600px !important; height:100%; position:relative;}
#validacao {float:right; margin-top:410px; margin-right:-400px;}
/****ESTILIZAÇÃO PÁGINA BOLSAS****/
#bolsas h2 {font:bold 15px Arial, Helvetica, sans-serif; color:#FF9900; padding-left:30px; margin-top:3px; text-transform:uppercase; text-decoration:underline;}
#imagens-bolsas {float:left; padding-left:30px; margin-top:5px;}
#imagens-bolsas img {margin:10px;}
/****ESTILIZAÇÃO PÁGINA CONTATO****/
#contato h2 {font:bold 18px Arial, Helvetica, sans-serif; color:#333333; padding-left:32px; margin-top:7px;}
fieldset {width:480px; padding-left:5px; font:12px Arial, Helvetica, sans-serif; margin-top:10px; margin-left:32px;}
legend {font:bold 13px Arial, Helvetica, sans-serif; color:#666666;}
label {width:200px; display:block; margin:5px; position:relative;}
input {width:200px; display:block; background:#00CCFF; margin-bottom:9px; color:white;}
input:focus {background:#FF9900;}
textarea {width:300px; height:150px; background:#00CCFF; color:white;}
textarea:focus {background:#FF9900;}
label span {font:italic 11px Arial, Helvetica, sans-serif; color:gray; position:absolute; right:0;}
.pinput {width:50px;}
.minput {width:100px;}
.ginput {width:250px;}
.bntsubmit {width:65px; height:23px; margin-left:41px;}
/****ESTILIZAÇÃO COLUNAS****/
#col-esq h2 {font:bold 15px Arial, Helvetica, sans-serif; color:#333333; text-transform:uppercase; border-bottom:1px dotted    #666666;}
#col-esq {float:left; padding-left:30px; padding-top:5px;}
#imagens-lista {margin-top:10px; padding-left:25px; padding-top:5px; background:url(imagens/conteudo/box-lancamentos.jpg) no-repeat; width:457px; height:134px;}
#imagens-lista img {margin-right:20px;}
#box-um h2 {margin-top:10px;}
#box-um {width:492px; height:88px;}
#col-dir {float:right;}
#box-dois {margin-right:32px; margin-top:3px;}
#box-tres {margin-right:32px; margin-top:10px;}
/****RODAPÉ****/
#rodape {clear:both; bottom:0 !important; left:0; right:0; top:608px; text-align:center; position:absolute; width:955px;}
#rodape a {color:black;}
#rodape a:hover {color:#666; text-decoration:none;}

 

CSS IE 6:

 

#menu li a {padding:10px 8px;}

Tentei mudar apenas o menu de começo, irei deixar para mudar o formulario e outros bugs depois que resolver o do menu.

 

CSS IE 7:

 

#menu li {padding-top:8px;}
#menu li a {margin-top:10px; padding:10px;}

 

Espero que consigam me ajudar, pq é chato vender um site que nao funcione no IE 6 e 7.

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Bem, como ninguém se habilitou à ajudar, ou não conseguiu posto aqui a solução, sem hakcks ou comentários condicionais. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

#menu li {float:left;}
#menu li a {text-decoration:none; margin-left:12px; margin-right:25px; font:12px Arial, Helvetica, sans-serif; color:black; padding:6px 8px; display: inline-block; float: left;}

Coloquei display: inline-block por causa do bug de margem dupla do Internet Explorer 6, já que tive que usar float: left.

 

Pode apagar os comentários condicionais. ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

xarlington    0

xarlington
Postado

Testei aqui no meu IE 6 e no IETester, e nao ta funcionando como devia funcionar, reduziu um pouco o bug, eu ja tinha feito aquilo antes so, que o menu ainda continua com bug, observe que no Firefox, Opera e Safari ele funciona perfeito agora no IE fica muito exquisito, mais alguma alternativa para poder corrigir esse bug?... desde ja agradeço a atenção.

Compartilhar este post

Link para o post
Compartilhar em outros sites

xarlington    0

xarlington
Postado

Entao eu fiz isso mesmo, porém não deu certo aqui, ainda continua com o mesmo bug... acho que irei ter de deixar dessa maneira mesmo ate descobrir uma outra solução.

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