Problemas com o IE8 div não fica posicionada corretamente.

Fórum para dúvidas sobre CSS, Tableless e Webstandards.

Moderador: web

responder a dúvida

Problemas com o IE8 div não fica posicionada corretamente.

Mensagem por pinguin Offline » Sáb Set 10, 2011 3:06 pm


Olá amigos do Codigos Na web.

Vou ser direto, preciso de ajuda sobre o IE8. Não sei porque mas somente nele a minha div sai toda fora de lugar.

No firefox e no google chrome fica tudo posicionado corretamente ... (imagem abaixo )
Imagem

Ja no ie8 ja fica toda fora do lugar e ela não flutua pela página.
Imagem

Ela simplismente posiciona e trava não flutua e não funciona o botão de abrir chat.

Código da Css

Código: Selecionar todos
#chatbarra {position: fixed;background-image: url(../images/barra/fundo.png);font-family:Arial, Helvetica, sans-serif;background-repeat: repeat-x;width: 980px;height: 105px;bottom: 0px;z-index: 100;margin-left: -10px;display:inlineoverflow:hiddenbackground-position: 30px;

/*display: none;*/}
#chatbarra h4 {position: absolute;font-size: 15px;font-style: italic;font-weight: normal;color: #FFFFFF;margin-top: 54px;margin-right: 0px;margin-bottom: 0px;margin-left: 115px;display:inlineoverflow:hidden}
#chatbarra h3 {position: absolute;font-size: 18px;color: #FFFFFF;margin-top: 74px;margin-right: 0px;margin-bottom: 0px;margin-left: 115px;}
#chatbarra a {}
#chatbarra a img {position: absolute;border: none;width: 114px;height: 29px;}
#chatbarra #chat-barra-abrir {position: absolute;right: 138px;width: 114px;height: 29px;margin: 61px 0px 0px 0px;}

#chatbarra #chat-barra-off{ position: absolute;right: 16px;width: 114px;height: 29px;margin: 61px 0px 0px 0px;}

Div

Código: Selecionar todos
<div id="chatbarra">
   <h4>O Senhor(a) esta com alguma dúvida? </h4>
   <h3>Deseja conversar com um de nossos atendentes?</h3>
  <a href="javascript:void(window.open('http:/atendimento/livezilla.php','','width=600,height=600,left=0,top=0,resizable=yes,menubar=no,location=yes,status=yes,scrollbars=yes'))" id="chat-barra-abrir">
  <img src="images/barra-click.png" alt="" /></a></div>

Alguem por favor pode me ajuda..
Fico grato ...



detalhes...


pinguin
NOVO MEMBRO
NOVO MEMBRO
Mensagens: 2
Registrado em: Ter Out 14, 2008 4:08 pm


Problemas com o IE8 div não fica posicionada corretamente.

Mensagem por web Offline » Sáb Set 10, 2011 6:04 pm

Você usa algum doctype? Eles costumam padronizar seu código. Tente esse

Código: Selecionar todos
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12439
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Problemas com o IE8 div não fica posicionada corretamente.

Mensagem por pinguin Offline » Sáb Set 10, 2011 9:35 pm

Meu código ta ok. O problema e essa centralização no ie8.
Eu não to conseguindo centralizar essa div no meio..

detalhes...


pinguin
NOVO MEMBRO
NOVO MEMBRO
Mensagens: 2
Registrado em: Ter Out 14, 2008 4:08 pm


Problemas com o IE8 div não fica posicionada corretamente.

Mensagem por web Offline » Sáb Set 10, 2011 11:01 pm

Tenta criar uma div principal, e centraliza a div interna dentro da outra, como mostrado abaixo
Div-centralizada-dentro-de-outra-div_4_1469.html

detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12439
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil


responder a dúvida

Voltar para CSS, Tableless e Webstandards

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 2 visitantes