Layout Alinhado à Esquerda No Ie

#1 lizribeiro

12 Horas

Usuários
236 posts

Sexo:Feminino
Localidade:São Paulo
Interesses:Joomla, Front Page, HTML, Photoshop, PHP, CSS

Posted 06/06/2009, 11:54

Olá pessoal,
Sou nova no Joomla e não sei como faço para alinhar meu template no centro da tela no Iternet Explorer

Vejam só, no IE ele fica na parte esquerda
Posted Image

Mas no Fire Fox ele fica certinho centralizado
Posted Image

A dúvida é, como faço para que ele fique centralizado também no Internet Explorer?

Obrigada

Liz

#2 helioth

Projeção A

Usuários
683 posts

Sexo:Masculino
Localidade:Mauá city - ABC - SP

Posted 06/06/2009, 13:18

Na div principal, coloque:

margin: 0 auto;

Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Posted Image

#3 Édipo Costa Rebouças

Veterano

Ex-Admins
1079 posts

Sexo:Masculino
Localidade:Brasil - São Paulo

Posted 06/06/2009, 18:29

vc tem que colocar margin: 0 auto ma div que você quer centralizar, e text-align:center na tag que contem ela( tag pai, parente ... )

<body style="text-align: center">
<div id="geral" style=" width: 998px; margin: 0 auto;">
</body>

#4 lizribeiro

12 Horas

Usuários
236 posts

Sexo:Feminino
Localidade:São Paulo
Interesses:Joomla, Front Page, HTML, Photoshop, PHP, CSS

Posted 06/06/2009, 18:37

Oi Helioth

obrigada pela resposta...
como é que eu encontro a div principal?
são muitas divs aqui no arquivo template.css do joomla

pela lógica será que é a primeira a aparecer?
bom, minha primeira div à aparecer é esta aqui

.componentheading,
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3 {
	margin: 0 0 10px;
	padding: 10px 40px;
	border-top: 2px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	text-align: center;
	font-variant: small-caps;
	letter-spacing: 1px;
}

vc tem que colocar margin: 0 auto ma div que você quer centralizar, e text-align:center na tag que contem ela( tag pai, parente ... )
<body style="text-align: center">
<div id="geral" style=" width: 998px; margin: 0 auto;">
</body>

Oi Édipo

Obrigada pela resposta...
Eu sou bem leiga no joomla e nessas coisas de css
Eu não sei qual é a div que eu quero centralizar, você saber como faço pra encontrá-la?
Também não sei como encontrar a tag que contem essa div...

Eu encontrei isso aqui no arquivo template.css do meu joomla

.componentheading,
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3 {
	margin: 0 0 10px;
	padding: 10px 40px;
	border-top: 2px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	text-align: center;
	font-variant: small-caps;
	letter-spacing: 1px;
}

Será que é isso?

#5 Édipo Costa Rebouças

Veterano

Ex-Admins
1079 posts

Sexo:Masculino
Localidade:Brasil - São Paulo

Posted 06/06/2009, 18:45

tenta colocar isso no template.css:

body{ text-align: center; }

caso não de certo, post o html da home do site, ou mesmo uma url.

Edição feita por: Édipo Costa Rebouças, 06/06/2009, 18:49.

#6 lizribeiro

12 Horas

Usuários
236 posts

Sexo:Feminino
Localidade:São Paulo
Interesses:Joomla, Front Page, HTML, Photoshop, PHP, CSS

Posted 06/06/2009, 18:50

Nossa! Nossa!
Acho que eu consegui!!!
Gente!!! Tô chocada!!!
Nunca abri esse trem na minha vida...

Obrigada vocês são o máximo :wub:

#1 lizribeiro

#2 helioth

#3 Édipo Costa Rebouças

#4 lizribeiro

#5 Édipo Costa Rebouças

#6 lizribeiro

0 user(s) are reading this topic

Entrar