Usuário com melhor resposta
Diferença no CSS acessando via "localhost" e "IpRedeInterna"

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.
Respostas
-
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://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
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
-
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).
-
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
-
Não deve ser problema no código, uma vez que o código é o mesmo quando carrega das duas formas.<%@ 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: </td> <td align="left"><asp:TextBox ID="tbUsuario" runat="server" DataTextField="Username" Width="130px" /></td> </tr> <tr> <td align="right">Senha: </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>
- Editado msdn_marcelo segunda-feira, 21 de maio de 2012 17:52
-
-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
-
-
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://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
-