Fórum OpenCart Brasil

Olá pessoal, pelo Chrome ou Firefox a loja fica filé, mas no IE8 fica tudo desconfigurado como se não reconhecesse o CSS, alguém já teve algum problema semelhante?
Tenho que mexer alguma coisa nessas linhas do header.tpl?

Código: Selecionar todos

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie7.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->

O endereço da loja é: http://www.karlaracco.com

Se alguém puder dar alguma luz agradeço.

Clemilson Santos

Você fez alguma modificação no css da loja ? Pois, realmente está todo desconfigurado no IE.

Fora algumas cores que alterei, acrescentei o seguinte no final do stylesheet.css:

Código: Selecionar todos

/* ********************************
***********************************
		POP-UP
***********************************
********************************* */
#fundo-popup{
	background-color:#000;
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999999999;
}
#center-popup{
	width:520px;
	height:203px;
	margin:-123px 0px 0px -177px;
	position:absolute;
	top:50%;
	left:45%;
	z-index:9999999999	
}
#box-popup{position: relative;}

Também coloquei isso no home.tpl:

Código: Selecionar todos

<div id="popup">

    <div id="fundo-popup"></div>

    <div id="center-popup">

    <div id="box-popup">

    <img src="image/data/exit.png" width="69" height="18" alt="FECHAR" title="FECHAR" style="cursor:pointer; position:absolute; right:16px; top:186px;" id="fechar-popup">

    <a href="index.php?route=information/contact"><img src="image/data/KarlaRacco_Consultora.png" alt="Seja uma consultora RACCO" title="Seja uma consultora RACCO"></a>

    </div>

    </div>
</div>

e isso no header.tpl:

Código: Selecionar todos

<!-- POPUP -->
<script type="text/javascript" src="popup.js"></script>

o conteudo do popup.js é:

Código: Selecionar todos

$(document).ready(function(){
	$('#fechar-popup').click(function(){
		$('#popup').hide('fadeOut');
	})
});

$(document).ready(function(){
	setTimeout(function(){
	$('#popup').hide();
},10000);
});

Não tive muito tempo para analisar seu código mas a impressão que tenho é que você colocou o código da popup em uma div que está se posicionando na coluna da esquerda por isso a coluna da esquerda está tomando toda a área do meio da loja e esticando o menu criando a desconfiguração, dê uma verificada nesta organização de div's do layout da loja e faça o teste retirando a div do popup para comprovar se é ela realmente o problema.

Espero ter ajudado

Olá Manoel, você estava certo mesmo, o meu arquivo home.tpl estava assim:

Código: Selecionar todos

<div id="popup">

    <div id="fundo-popup"></div>

    <div id="center-popup">

    <div id="box-popup">

    <img src="image/data/exit.png" width="69" height="18" alt="FECHAR" title="FECHAR" style="cursor:pointer; position:absolute; right:16px; top:186px;" id="fechar-popup">

    <a href="index.php?route=information/contact"><img src="image/data/KarlaRacco_Consultora.png" alt="Seja uma consultora RACCO" title="Seja uma consultora RACCO"></a>

    </div>

    </div>
</div>
<?php echo $header; ?>
  <?php echo $column_left; ?>
  <?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<h1 style="display: none;"><?php echo $heading_title; ?></h1>
<?php echo $content_bottom; ?></div>
<?php echo $footer; ?>

Com o div do popup no começo, então coloquei ele no final e ficou assim:

Código: Selecionar todos

<?php echo $header; ?>
  <?php echo $column_left; ?>
  <?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<h1 style="display: none;"><?php echo $heading_title; ?></h1>
<?php echo $content_bottom; ?></div>
<?php echo $footer; ?>
<div id="popup">

    <div id="fundo-popup"></div>

    <div id="center-popup">

    <div id="box-popup">

    <img src="image/data/exit.png" width="69" height="18" alt="FECHAR" title="FECHAR" style="cursor:pointer; position:absolute; right:16px; top:186px;" id="fechar-popup">

    <a href="index.php?route=information/contact"><img src="image/data/KarlaRacco_Consultora.png" alt="Seja uma consultora RACCO" title="Seja uma consultora RACCO"></a>

    </div>

    </div>
</div>

E a loja voltou ao normal no IE, é ver pra conferir: http://www.karlaracco.com

Mais uma vez muito obrigado e um grande abraço!

Clemilson Santos

Que bom que resolveu

Fórum OpenCart Brasil

Erro CSS no Internet Explorer [Resolvido]

Erro CSS no Internet Explorer [Resolvido]

Re: Erro CSS no Internet Explorer

Re: Erro CSS no Internet Explorer

Re: Erro CSS no Internet Explorer

Re: Erro CSS no Internet Explorer

Re: Erro CSS no Internet Explorer

Re: Erro CSS no Internet Explorer