Diferença do template entre o firefox e o internet explorer

[MarceloSI]

E ai galera.
Estou trabalhando em um portal que ja esta praticamente pronto. Estou fazendo alguns testes nele e a página sai certinho no firefox, porém quando vou abrir no internet explorer sai toda desconfigurada. Li alguns artigos por ai e um deles afirmou que poderia ter um css para o firefox e outro para o internet explorer. Será que é essa solução mesmo? O problema da desconfiguração é realmente no arquivo .css? Alguém ja passou por isso e como resolveu? desde ja agradeço a todos!!!

[pchardnet]

Marcelo,

o que foi informado no artigo está correto. Você pode ter um arquivo padrão (firefox e outros browsers de verdade) e um arquivo para correções dos IE's.

Como isso se aplica
Logo após a chamada do arquivo template.css do seu template você deve inserir o seguinte bloco de código.

Código: Selecionar todos

<!--[if IE 7]>
<link href="/templates/seutemplate/css/ie_7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lte IE 6]>
<link href="/templates/seutemplate/css/ie_6.css" rel="stylesheet" type="text/css" />
<![endif]-->

Nos arquivos ie_7 e ie_6 você vai realizar somente as configurações necessárias para que o site se ajuste nestes navegadores. Ex.: Se um título fica desalinhado você irá alterar somente o alinhamento da classe referente ao título.

[MarceloSI]

Valeu cara.....obrigado pela resposta.
Esse internet explorer realmente deveria ser banido.
Se todos optassem pelo firefox o problema ja estaria resolvido.

[Bartolomeu]

Olá amigo, estou com o mesmo problema, mas como não tenho muito conhecimento de CSS não entendi a onde eu devo inserir este código e em que arquivo.

O meu erro é este -» http://www.moveisparaescritoriosp.com.b ... arela.html

Se puder me ajudar agradeço desde já.

Abraços.

[pchardnet]

Bartolomeu,

este "código" deve ser inserido no arquivo index.php do seu template.
A localização dele no arquivo foi indicada aqui - viewtopic.php?f=15&t=470&p=1462

[renguns]

Boa noite galera, eu to com um problema bem parecido só que acontece o oposto...
No IE aparece tudo certinho, mas no firefox os títulos de menus ficam um caos...

dêem uma olhada:


http://www.jackanddanielsbar.com/cinema/


Obrigado.

Abraço.

[pchardnet]

reguns,

o ideal é criar o CSS baseado em navegadores que interpretam a melhor formatação: Firefox, Chrome ou o Opera (o melhor).
Depois você configura para o IE7 e IE6, respectivamente.

[renguns]

pchardnet

O problema é q eu não entendo nada de css
na verdade nem alterei nada no do template, apenas fui criando os módulos, menus...
tem alguma forma de resolver isso alterando algo no css dele? e como seria feito isso?

Obrigado.

[renguns]

Pessoal, to mechendo no css do template "template.css" e encontrei algo mais ou menos parecido com o que foi mencionado sobre o IE, vejam só...

código da parte que eu acredito que tem alguma coisa a ver...

Código: Selecionar todos

}

* html .button { /*IE 6*/
	padding: 0 5px !important;
}

*+html .button { /*IE 7*/
	padding: 0 5px !important;
}

código completo da área...

Código: Selecionar todos

--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox, .button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.inputbox {
	padding: 2px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	color: #000000;
	font-size: 100%;
}

.button {
	padding: 1px 8px;
	border: 1px solid #333333;
	background: #333333;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 92%;
}

* html .button { /*IE 6*/
	padding: 0 5px !important;
}

*+html .button { /*IE 7*/
	padding: 0 5px !important;
}

/* JOOMLA STYLE
--------------------------------------------------------- */

Não teria algo que eu deveria mudar nesse código completo, pra fazer o mozila ler de forma adequada?


Obrigado.
Abraço.

[pchardnet]

pchardnet

O problema é q eu não entendo nada de css

Aprenda CSS com o Maujor - http://www.maujor.com

Ou contrate um profissional