Ir para conteúdo

Arquivado

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

razs

[Resolvido] ie9 fix

Por , em Desenvolvimento frontend

Recommended Posts

razs    0

razs
Postado

Boas pessoal, existe algum fix para o ie9?

Tenho a pagina no firefox e chrome centrada e no ie fica na esquerda e o menu javascript nao funcionar :s

 

Algum conselho?

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado

e se possivel tb o codigo :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado

Faça essas alterações no seu codigo:

 

body {
text-align:center;
}
#wrapper1 {
background: url(../images/maintopBG.gif) top repeat-x;
width:/*width ao seu gosto, para um padrao de resolucao 1024x700 eu costumo deixar 1000px */
margin:auto;
text-align:left;
}

#menu {
float: right;
width: 100%;
height: 20px;
margin: 0px 0 0 0;
padding: 0 0 0 00px;
}

/* muda para: */

#menu {
float: right;
width: 100%;
height: 20px;
margin: 0;
padding: 0;
}

 

Quanto ao menu javascript eu já na posso te ajudar proque ainda nao sei quase nada de js :ermm:

Compartilhar este post

Link para o post
Compartilhar em outros sites

razs    0

razs
Postado

Foi quase isso :)

 

tenho de corrigir o menu pois agora esta centrado e deve ficar encostado a direita.

 

o menu e quase todo css apenas tem um "tico" de javascript

 

www.aquasplender.com/corc/css/menu.css

 

obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado

Nao entendi direito, o problema agora é só no javascript ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

razs    0

razs
Postado

Nao.

 

Resolvi fazer um css aparte so para o ie, do teu modo o conteudo fica centralizado mas o menu fica tambem centralizado visto estar dentro do wrapper1, tem de haver uma maneira de ter o wrapper1 com width a 100% e o container centrado

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado

ué, mas basta descentralizar o menu, tentou com float e margin ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

razs    0

razs
Postado

já esta.

no css para o ie

 

fiz assim:

 


#wrapper1 {
width:100%;
background: url(../images/maintopBG.gif) top repeat-x;
margin-left: auto;
margin-right: auto;
text-align:left;
}

#wrapper2 {
background: url(../images/mainbuttomBG.gif) bottom repeat-x;
}

#container {
margin-left: auto;
   margin-right: auto;
width: 900px;
}


#menu {
position:absolute;
right:0;
width: 100%;
height: 20px;
margin: 0px 0 0 0;
padding: 0 0 0 00px;

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado 

#menu {
position:absolute;
right:0;
width: 100%;
height: 20px;
margin: 0px 0 0 0;
padding: 0 0 0 00px;

 

nao to vendo nenhum float no menu :ermm:

 

e tem que fechar com }

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Moraes    32

Thiago Moraes
Postado

Tenta essa linha de raciocínio:

 

#wraper - largura 100%

 

#header - largura fixa, margin 0 auto

 

#menu - largura fixa, float right

Compartilhar este post

Link para o post
Compartilhar em outros sites

razs    0

razs
Postado

nao tenho um float porque utilizei um position absolute e right= 0

 

eu fechei quando copiei para aqui e que nao selecionei sem querer

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado

mas nao deixe position absolute no menu, deixa o position no default e alinha com float e margin, senao der certo enta parta para o método menos conveniente, deixando position relative e alinhando com top e left :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Moraes    32

Thiago Moraes
Postado

Essa margin no wrapper é desnecessária...E não precisa de CSS condicional pra funcionar no IE.

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado

Essa margin no wrapper é desnecessária...E não precisa de CSS condicional pra funcionar no IE.

 

Discordo, senao usar margin:auto na div que engloba tudo, nao tem como centralizar, até tem, mas essa é a melhor forma.

Compartilhar este post

Link para o post
Compartilhar em outros sites

razs    0

razs
Postado

basicamente tenho assim

 

#wrapper1 {
width:100%;
background: url(../images/maintopBG.gif) top repeat-x;
margin-left: auto;
margin-right: auto;
text-align:left;
}

#wrapper2 {
background: url(../images/mainbuttomBG.gif) bottom repeat-x;
}

#container {
margin-left: auto;
   margin-right: auto;
width: 900px;
}

#menu {
text-align:right;
margin-right:0px;
float: right;
width: 100%;
height: 20px;
margin: 0px 0 0 0;
padding: 0 0 0 00px;
}

 

e aparece assim: www.aquasplender.com/corc/

 

raios parta o ie....

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado

1)Pq você tem 3 containers? (#wraper 1 e 2, #container), 1 só basta

2)se a div #menu pega o tamanho total da pagina e você nao quer que ela fique centralizada, pq nao deixa fora do container ?

3)vou arrumar esse ultimo codigo q você me passou, deixe dessa forma:

 

#container {
width:1000px;
background: url(../images/maintopBG.gif) top repeat-x;
margin: auto;
text-align:left;
}
/* TIRA #wrapper1 e #wrapper2 do html e do css, ou comenta */ 

#menu {
text-align:right;
width: 1000px;
height: 20px;
}

 

E nao esqueca de deixar text-align:center no body, pois senao nos ie anterior o site nao vai ficar centralizado, deixa da forma que eu te passei e veja como fica e volte a postar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

razs    0

razs
Postado

para o ie funcionou mas como tirei o wrappers o firefox ja nao ficou muito bem

 

firefox resolvido.

 

Agora so falta o bottom.

 

Obrigado pela ajuda

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