none
Diferença no CSS acessando via "localhost" e "IpRedeInterna" RRS feed

  • Pergunta

  • Dae,

    Fiz uma aplicação, e na tela de login utilizei a propriedade "border-radius" no CSS do botão. A aplicação está publicada no IIS.

    Quando acesso a aplicação via http://localhost/aplicacao, o botão é carregado com a borda arredondada. Porém quando acesso via http://IpRedeInterna/aplicacao, carrega sem a borda arredondada.

    Olhei o código fonte das páginas, e estão idênticos. O código CSS está na página mesmo, não em um arquivo a parte. Estou utilizando o IE9.

    Alguém tem idéia do motivo disso??

    Valeu.

    sexta-feira, 18 de maio de 2012 16:21

Respostas

Todas as Respostas

  • Ele não está abrindo em modo de compatibilidade o IE no outro computador? Teste em outro browser! A renderização do CSS é de toda competência do Navegador e não importando o meio de publicação do site e outras coisas.

    Murilo Machado ---------------------------- .NET Developer

    sexta-feira, 18 de maio de 2012 16:53
  • Na verdade eu estou acessando da mesma máquina. Abro duas abas e carrego os dois endereços, e acontece o descrito.

    A renderização do CSS é competência do navegador, justamente, por isso que está muito estranho ele carregar de duas formas diferentes (sendo que o fonte fica igual).

    sexta-feira, 18 de maio de 2012 16:57
  • Poste seu código!

    Fica mais fácil de analisar.


    É possível sim! Ponha isso na sua cabeça. É possível. "Steve Jobs"

    Eduardo Pires
    www.eduardopires.net.br

           

    segunda-feira, 21 de maio de 2012 17:02
  • <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="MyProject.Login" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>MyProject</title> <style type="text/css"> body { font-size: 8px; font-family: "Helvetica Neue", "Arial", "Sans-Serif", "Verdana", "Lucida Grande", "Segoe UI"; margin: 0px; padding: 0px; color: #696969; background-color: #EEEEE0; } form input[type="submit"]{ display:inline; margin:0 7px 0 0; background-color:#D3D3D3; border:2px solid #dedede; border-top:2px solid #eee; border-left:2px solid #eee; font-size:10px; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:3px 8px 3px 8px; border-radius: 8px; } form input[type="submit"]:hover{ background-color:#dedede; border:2px solid #6CA6CD; color:#565656; } </style> </head> <body> <form id="form1" runat="server"> <table style="margin-left: auto; margin-right: auto; margin-top: 50px;"> <tr> <td style="width:40%;" align="right">Usuário:&nbsp;</td> <td align="left"><asp:TextBox ID="tbUsuario" runat="server" DataTextField="Username" Width="130px" /></td> </tr> <tr> <td align="right">Senha:&nbsp;</td> <td align="left"><asp:TextBox ID="tbPassword" runat="server" TextMode="Password" Width="130px" /></td> </tr> <tr> <td></td> <td align="left"><asp:Button ID="btLogin" runat="server" Text="Login" onclick="btLogin_Click" /></td> </tr> <tr> <td colspan="2"><asp:Label ID="lbMsg" runat="server" ForeColor="Red" Visible="False"></asp:Label></td> </tr> </table> </form> </body> </html>

    Não deve ser problema no código, uma vez que o código é o mesmo quando carrega das duas formas.

    • Editado msdn_marcelo segunda-feira, 21 de maio de 2012 17:52
    segunda-feira, 21 de maio de 2012 17:51
  • -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -khtml-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -khtml-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    Tente usar os hacks acima. Eu uso jquery-ui e quando eu quero uma borda arredondada eu coloco a classe "ui-border-all" ela arredonda automaticamente e insere esse estilo que eu coloquei acima. nunca tive problemas.

    Murilo Machado ---------------------------- .NET Developer

    segunda-feira, 21 de maio de 2012 18:15
  • Nada. Continua na mesma.
    segunda-feira, 21 de maio de 2012 18:19
  • Parece que não tem nada haver, mas coloca essa TAG no seu HTML:

     <meta http-equiv="X-UA-Compatible" content="IE=9" >

    Referências:

    http://stackoverflow.com/questions/8370306/ie-9-border-radius-doesnt-work-after-mvc-project-is-deployed-to-win-server-2008

    http://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspx


    É possível sim! Ponha isso na sua cabeça. É possível. "Steve Jobs"

    Eduardo Pires
    www.eduardopires.net.br

           

    • Marcado como Resposta msdn_marcelo segunda-feira, 21 de maio de 2012 19:25
    segunda-feira, 21 de maio de 2012 18:56
  • Boa Eduardo, isso resolveu o problema mesmo.

    Valeu.

    segunda-feira, 21 de maio de 2012 19:25