Fórum para dúvidas sobre CSS, Tableless e Webstandards.
Moderador: web
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 )

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

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 ...

pinguin
NOVO MEMBRO
Mensagens: 2
Registrado em: Ter Out 14, 2008 4:08 pm
|
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">

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
web
ADMIN
Mensagens: 12439
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
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..

pinguin
NOVO MEMBRO
Mensagens: 2
Registrado em: Ter Out 14, 2008 4:08 pm
|
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

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
web
ADMIN
Mensagens: 12439
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para CSS, Tableless e Webstandards
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 2 visitantes
|
|
|