Guest - Jorge - Postado Junho 24, 2005 Denunciar Share Postado Junho 24, 2005 Estou com problemas por causa da $%!#% do FireFoxEle está lendo 450px como uns 600Estou muito irritado.O código era pra ter uma imagem, mas só mudei a cor da letra pra ter uma noçãoAlguém sabe resolver? <html> <head> <title>SmartCotacao v1.0</title> <style> #bemvindo {} #apresentacao { padding-left: 150px; font-family: arial; position: relative; top: 80px; font-size: 13px; border-width: 2px; border-style: dotted; border-color: #993366; width: 450px; ext-align: justify; } #tituloPagina { border-width: thick; border-collapse:separate; border-style: none; background-repeat:no-repeat; background-image: url(imagens/top.jpg); top: 30px; color: #black; height: 37px; padding-right:8px; padding-top: 9px; width: 450px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; text-align: right; } #menuBemvindo { color: white; font-size: 13px; font-family: Arial; background-color: #912C64; width: 450px; margin-top: 20%; padding-left: 3px; padding-top: 1px; padding-bottom: 1px; text-align: right; padding-right: 5px; } </style> </head> <body id = "bemvindo"> <div id = "apresentacao"> Esse é o sistema de cotações de nossa empresa. Se você deseja participar de nossas licitações, entre em contato <a href='mailto:###>conosco</a>. </div> <div id = "tituloPagina"> Cotações Públicas </div> <div id = "menuBemvindo"> <a href='/smartcotacao/login.tron'>Área Restrita</a> </div> </body> </html> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 doulo4ever Postado Junho 24, 2005 Denunciar Share Postado Junho 24, 2005 O surgimento do Firefox já deu muita dor de cabeça em muita gente!Seja bem-vindo Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest - Jorge - Postado Junho 24, 2005 Denunciar Share Postado Junho 24, 2005 O surgimento do Firefox já deu muita dor de cabeça em muita gente!Seja bem-vindo pois é... mas como faço pra resolver? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Leandro MX Postado Junho 24, 2005 Denunciar Share Postado Junho 24, 2005 Seu problema está nas seguintes propriedades: padding-left: 150px; width: 450px;O que acontece:O IE pega o espaçamento de 150px e coloca dentro dos 450px.O Firefox pega o espaçamento e adiciona 450px.Uma alternativa que testei foi a seguinte:Substituir a propriedade padding-left: 150px; por margin-left: 150px; e mudar o valor da propriedade width: 450px; para width: 300px; Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Graymalkin Postado Junho 26, 2005 Denunciar Share Postado Junho 26, 2005 Acrescente isso na sua CSS...div { -moz-box-sizing:border-box; box-sizing:border-box; }... e vai passar a funcionar certo.Abraços,Graymalkin Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Guest - Jorge -
Estou com problemas por causa da $%!#% do FireFox
Ele está lendo 450px como uns 600
Estou muito irritado.
O código era pra ter uma imagem, mas só mudei a cor da letra pra ter uma noção
Alguém sabe resolver?
<html> <head> <title>SmartCotacao v1.0</title> <style> #bemvindo {} #apresentacao { padding-left: 150px; font-family: arial; position: relative; top: 80px; font-size: 13px; border-width: 2px; border-style: dotted; border-color: #993366; width: 450px; ext-align: justify; } #tituloPagina { border-width: thick; border-collapse:separate; border-style: none; background-repeat:no-repeat; background-image: url(imagens/top.jpg); top: 30px; color: #black; height: 37px; padding-right:8px; padding-top: 9px; width: 450px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; text-align: right; } #menuBemvindo { color: white; font-size: 13px; font-family: Arial; background-color: #912C64; width: 450px; margin-top: 20%; padding-left: 3px; padding-top: 1px; padding-bottom: 1px; text-align: right; padding-right: 5px; } </style> </head> <body id = "bemvindo"> <div id = "apresentacao"> Esse é o sistema de cotações de nossa empresa. Se você deseja participar de nossas licitações, entre em contato <a href='mailto:###>conosco</a>. </div> <div id = "tituloPagina"> Cotações Públicas </div> <div id = "menuBemvindo"> <a href='/smartcotacao/login.tron'>Área Restrita</a> </div> </body> </html>Link para o comentário
Compartilhar em outros sites
4 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.