Loading ...
Sorry, an error occurred while loading the content.

Re: [riojug] Problema deformação paginas com brows es

Expand Messages
  • Marco A G Duarte
    Oi, Luiz Guilherme. Obrigado pelo retorno, mas só para complementar, além de imagens, deforma os espaçamentos. Vou seguir sua orientação e valeu! Marco
    Message 1 of 2 , Jul 23, 2012
    View Source
    • 0 Attachment
      Oi, Luiz Guilherme.
       
      Obrigado pelo retorno, mas só para complementar, além de imagens, deforma os espaçamentos. Vou seguir sua orientação e valeu!
       
      Marco Duarte

      Sent: Monday, July 23, 2012 10:12 AM
      Subject: RE: [riojug] Problema deformação paginas com browses

       

      =?utf-8?Q?entre_win_x_linux..._Pode=3F?=
      MIME-Version: 1.0
      Content-Type: multipart/alternative;
      boundary="----=_NextPart_000_00B8_01CD67FF.72A59CB0"

      ------=_NextPart_000_00B8_01CD67FF.72A59CB0
      Content-Type: text/plain; charset="utf-8"
      Content-Transfer-Encoding: quoted-printable

      Primeiro passo, verifique se ao renderizar a p=C3=A1gina, =C3=A9 emitido um=
      dtd.

      Sem um dtd, o IE entra em "modo compatibilidade" (quirks mode), e a=C3=AD
      coisas ex=C3=B3ticas acontecem.

      Se o problema persistir, baixe o Firefox e instale o firebug.

      Habilite a aba de rede e chame a pagina jsf.

      O IE deve estar resolvendo as imagens de uma base diferente dos outros.

      Sent from my Windows Phone
      From: Marco Duarte
      Sent: 7/22/2012 11:45
      To: riojug@yahoogroups.com
      Subject: [riojug] Problema deforma=C3=A7=C3=A3o paginas com browses entre w=
      in x
      linux... Pode?
      Companheiros.
      Estou com problemas de deforma=C3=A7=C3=A3o dos layouts das paginas web qua=
      ndo a aplica=C3=A7=C3=A3o est=C3=A1 no servidor linux, sendo que, com o IE,=
      funciona normal, mas nos demais sai deformado, umas imagens aparecem outra=
      s n=C3=A3o, sem nenhum padr=C3=A3o. Isto j=C3=A1 na index.jsp que mostro ab=
      aixo: J=C3=A1 na div abaixo, a imagem background n=C3=A3o aparece no chrome=
      ... Ser=C3=A1 que tem problemas com Myfaces, trinidad...?

      <?xml version=3D"1.0" encoding=3D"iso-8859-1" standalone=3D"yes" ?>
      <%@ taglib uri=3D"http://java.sun.com/jsf/core" prefix=3D"f"%>
      <%@ taglib uri=3D"http://java.sun.com/jsf/html" prefix=3D"h"%>
      <%@ taglib uri=3D"http://myfaces.apache.org/trinidad" prefix=3D"tr"%>
      <%@ taglib uri=3D"http://myfaces.apache.org/trinidad/html" prefix=3D"trh"%>
      <%@taglib uri=3D"http://myfaces.apache.org/tomahawk" prefix=3D"t"%>
      <%@taglib uri=3D"http://myfaces.apache.org/sandbox" prefix=3D"s"%>
      <%@ page import=3D"java.util.*" %>
      <f:loadBundle basename=3D"messages" var=3D"message" />
      <f:view>
      <head>
      <meta http-equiv=3D"Content-Type" content=3D"text/html; charset=
      =3Diso-8859-1" />
      <title>teste</title>
      <link href=3D"css/institucional/base.css" rel=3D"stylesheet" ty=
      pe=3D"text/css" />
      </head>
      <body>
      <t:div style=3D"background-image: url('images/image_index.jpg'); he=
      ight: 1px; width: 960px; background-repeat:no-repeat;">
      <tr:spacer height=3D"5"></tr:spacer>
      <h:form id=3D"form">
      <t:panelGrid columns=3D"2" border=3D"0" style=3D"font-size:=
      12px;">
      <t:outputText value=3D"#{message['campo.email']} " styl=
      e=3D"margin-left:600px;color:#003399;font-weight:normal;" title=3D"." />
      <t:inputText id=3D"email" value=3D"#{login.email}" size=
      =3D"24" maxlength=3D"72" style=3D"text-transform: uppercase;"/>
      </t:panelGrid>
      <t:panelGrid columns=3D"3" border=3D"0" style=3D"font-size:=
      12px;">
      <t:outputText value=3D"#{message['campo.senha']} " styl=
      e=3D"margin-left:600px;color:#003399;font-weight:normal" title=3D"." />
      <t:inputSecret value=3D"#{login.senha}" size=3D"12" max=
      length=3D"12" style=3D"text-transform: lowercase;"/>
      <tr:commandButton text=3D"#{message['campo.entrar']} " =
      inlineStyle=3D"cursor:hand;" action=3D"#{login.validaLogin}" />
      </t:panelGrid>
      </h:form>
      </t:div>=20
      </body>
      </f:view>

      Algu=C3=A9m tem uma ajuda.
      Obrigado
      Marco Duarte
      ------=_NextPart_000_00B8_01CD67FF.72A59CB0
      Content-Type: text/html; charset="utf-8"
      Content-Transfer-Encoding: quoted-printable

      <html><head><meta content=3D"text/html; charset=3Dutf-8" http-equiv=3D"Cont=
      ent-Type"></head><body><div><div style=3D"font-family: Calibri,sans-serif; =
      font-size: 11pt;">Primeiro passo, verifique se ao renderizar a p=C3=A1gina,=
      =C3=A9 emitido um dtd.<br><br>Sem um dtd, o IE entra em "modo compatibilid=
      ade" (quirks mode), e a=C3=AD coisas ex=C3=B3ticas acontecem.<br><br>Se o p=
      roblema persistir, baixe o Firefox e instale o firebug.<br><br>Habilite a a=
      ba de rede e chame a pagina jsf.<br><br>O IE deve estar resolvendo as image=
      ns de uma base diferente dos outros.<br><br><br>Sent from my Windows Phone<=
      br></div></div><hr><span style=3D"font-family: Tahoma,sans-serif; font-size=
      : 10pt; font-weight: bold;">From: </span><span style=3D"font-family: Tahoma=
      ,sans-serif; font-size: 10pt;">Marco Duarte</span><br><span style=3D"font-f=
      amily: Tahoma,sans-serif; font-size: 10pt; font-weight: bold;">Sent: </span=

      ><span style=3D"font-family: Tahoma,sans-serif; font-size:
      10pt;">7/22/2012=
      11:45</span><br><span style=3D"font-family: Tahoma,sans-serif; font-size: =
      10pt; font-weight: bold;">To: </span><span style=3D"font-family: Tahoma,san=
      s-serif; font-size: 10pt;">riojug@yahoogroups.com</span><br><span style=3D"=
      font-family: Tahoma,sans-serif; font-size: 10pt; font-weight: bold;">Subjec=
      t: </span><span style=3D"font-family: Tahoma,sans-serif; font-size: 10pt;">=
      [riojug] Problema deforma=C3=A7=C3=A3o paginas com browses entre win x linu=
      x... Pode?</span><br><br></body></html>

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/htm=
      l4/strict.dtd">
      <html>
      <head>
      </head>

      <body style=3D"background-color: #fff;">
      <span style=3D"display:none">&nbsp;</span>

      <!--~-|**|PrettyHtmlStartT|**|-~-->
      <div id=3D"ygrp-mlmsg" style=3D"position:relative;">
      <div id=3D"ygrp-msg" style=3D"z-index: 1;">
      <!--~-|**|PrettyHtmlEndT|**|-~-->

      <div id=3D"ygrp-text" >
      =20
      =20
      <p>

      <DIV dir=3D"ltr">
      <DIV style=3D"FONT-FAMILY: 'Calibri';COLOR: #000000;FONT-SIZE: 12pt;">
      <DIV>Companheiros.</DIV>
      <DIV></DIV>
      <DIV>Estou com problemas de deforma=C3=A7=C3=A3o dos layouts das paginas we=
      b quando a=20
      aplica=C3=A7=C3=A3o est=C3=A1 no servidor linux, sendo que, com o IE, funci=
      ona normal, mas nos=20
      demais sai deformado, umas imagens aparecem outras n=C3=A3o, sem nenhum pad=
      r=C3=A3o. Isto=20
      j=C3=A1 na index.jsp que mostro abaixo: J=C3=A1 na div abaixo, a imagem bac=
      kground n=C3=A3o=20
      aparece no chrome... Ser=C3=A1 que tem problemas com Myfaces, trinidad...?<=
      /DIV>
      <DIV>&nbsp;</DIV>
      <DIV></DIV>
      <DIV>&lt;?xml version=3D"1.0" encoding=3D"iso-8859-1" standalone=3D"yes" ?&=
      gt;</DIV>
      <DIV>&lt;%@ taglib uri=3D"<A href=3D"http://java.sun.com/jsf/core&quot;">ht=
      tp://java.sun.com/jsf/core"</A>=20
      prefix=3D"f"%&gt;</DIV>
      <DIV>&lt;%@ taglib uri=3D"<A href=3D"http://java.sun.com/jsf/html&quot;">ht=
      tp://java.sun.com/jsf/html"</A>=20
      prefix=3D"h"%&gt;</DIV>
      <DIV>&lt;%@ taglib uri=3D"<A href=3D"http://myfaces.apache.org/trinidad&quo=
      t;">http://myfaces.apache.org/trinidad"</A>=20
      prefix=3D"tr"%&gt;</DIV>
      <DIV>&lt;%@ taglib uri=3D"<A href=3D"http://myfaces.apache.org/trinidad/htm=
      l&quot;">http://myfaces.apache.org/trinidad/html"</A>=20
      prefix=3D"trh"%&gt;</DIV>
      <DIV>&lt;%@taglib uri=3D"<A href=3D"http://myfaces.apache.org/tomahawk&quot=
      ;">http://myfaces.apache.org/tomahawk"</A>=20
      prefix=3D"t"%&gt;</DIV>
      <DIV>&lt;%@taglib uri=3D"<A href=3D"http://myfaces.apache.org/sandbox&quot;=
      ">http://myfaces.apache.org/sandbox"</A>=20
      prefix=3D"s"%&gt;</DIV>
      <DIV></DIV>
      <DIV>&lt;%@ page import=3D"java.util.*" %&gt;</DIV>
      <DIV></DIV>
      <DIV>&lt;f:loadBundle basename=3D"messages" var=3D"message" /&gt;</DIV>
      <DIV>&lt;f:view&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp; &lt;head&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt=
      ;meta=20
      http-equiv=3D"Content-Type" content=3D"text/html; charset=3Diso-8859-1" /&g=
      t;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
      &lt;title&gt;teste&lt;/title&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt=
      ;link=20
      href=3D"css/institucional/base.css" rel=3D"stylesheet" type=3D"text/css" /&=
      gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp; &lt;/head&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp; &lt;body&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;t:div=20
      style=3D"background-image: url('images/image_index.jpg'); height: 1px; widt=
      h:=20
      960px; background-repeat:no-repeat;"&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
      &lt;tr:spacer height=3D"5"&gt;&lt;/tr:spacer&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
      &lt;h:form id=3D"form"&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs=
      p;&nbsp;&nbsp;&nbsp;=20
      &lt;t:panelGrid columns=3D"2" border=3D"0" style=3D"font-size:12px;"&gt;</D=
      IV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs=
      p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
      &lt;t:outputText value=3D"#{message['campo.email']} "=20
      style=3D"margin-left:600px;color:#003399;font-weight:normal;" title=3D"."=
      =20
      /&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs=
      p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
      &lt;t:inputText id=3D"email" value=3D"#{login.email}" size=3D"24" maxlength=
      =3D"72"=20
      style=3D"text-transform: uppercase;"/&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs=
      p;&nbsp;&nbsp;&nbsp;=20
      &lt;/t:panelGrid&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs=
      p;&nbsp;&nbsp;&nbsp;=20
      &lt;t:panelGrid columns=3D"3" border=3D"0" style=3D"font-size:12px;"&gt;</D=
      IV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs=
      p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
      &lt;t:outputText value=3D"#{message['campo.senha']} "=20
      style=3D"margin-left:600px;color:#003399;font-weight:normal" title=3D"." /&=
      gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs=
      p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
      &lt;t:inputSecret value=3D"#{login.senha}" size=3D"12" maxlength=3D"12"=20
      style=3D"text-transform: lowercase;"/&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs=
      p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
      &lt;tr:commandButton text=3D"#{message['campo.entrar']} "=20
      inlineStyle=3D"cursor:hand;" action=3D"#{login.validaLogin}" /&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs=
      p;&nbsp;&nbsp;&nbsp;=20
      &lt;/t:panelGrid&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;=20
      &lt;/h:form&gt;</DIV>
      <DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/t:div&gt; </DIV>
      <DIV>&nbsp;&nbsp;&nbsp; &lt;/body&gt;</DIV>
      <DIV>&lt;/f:view&gt;</DIV>
      <DIV>&nbsp;</DIV>
      <DIV></DIV>
      <DIV>Algu=C3=A9m tem uma ajuda.</DIV>
      <DIV></DIV>
      <DIV>Obrigado</DIV>
      <DIV></DIV>
      <DIV>Marco Duarte</DIV></DIV></DIV>
      </p>

      </div>
      =20

      <!--~-|**|PrettyHtmlStart|**|-~-->
      <div style=3D"color: #fff; height: 0;"></div>
      <!--~-|**|PrettyHtmlEnd|**|-~-->

      </body>

      <!--~-|**|PrettyHtmlStart|**|-~-->
      <head>
      <style type=3D"text/css">
      <!--
      #ygrp-mkp {
      border: 1px solid #d8d8d8;
      font-family: Arial;
      margin: 10px 0;
      padding: 0 10px;
      }

      #ygrp-mkp hr {
      border: 1px solid #d8d8d8;
      }

      #ygrp-mkp #hd {
      color: #628c2a;
      font-size: 85%;
      font-weight: 700;
      line-height: 122%;
      margin: 10px 0;
      }

      #ygrp-mkp #ads {
      margin-bottom: 10px;
      }

      #ygrp-mkp .ad {
      padding: 0 0;
      }

      #ygrp-mkp .ad p {
      margin: 0;
      }

      #ygrp-mkp .ad a {
      color: #0000ff;
      text-decoration: none;
      }
      #ygrp-sponsor #ygrp-lc {
      font-family: Arial;
      }

      #ygrp-sponsor #ygrp-lc #hd {
      margin: 10px 0px;
      font-weight: 700;
      font-size: 78%;
      line-height: 122%;
      }

      #ygrp-sponsor #ygrp-lc .ad {
      margin-bottom: 10px;
      padding: 0 0;
      }

      a {
      color: #1e66ae;
      }

      #actions {
      font-family: Verdana;
      font-size: 11px;
      padding: 10px 0;
      }

      #activity {
      background-color: #e0ecee;
      float: left;
      font-family: Verdana;
      font-size: 10px;
      padding: 10px;
      }

      #activity span {
      font-weight: 700;
      }

      #activity span:first-child {
      text-transform: uppercase;
      }

      #activity span a {
      color: #5085b6;
      text-decoration: none;
      }

      #activity span span {
      color: #ff7900;
      }

      #activity span .underline {
      text-decoration: underline;
      }

      .attach {
      clear: both;
      display: table;
      font-family: Arial;
      font-size: 12px;
      padding: 10px 0;
      width: 400px;
      }

      .attach div a {
      text-decoration: none;
      }

      .attach img {
      border: none;
      padding-right: 5px;
      }

      .attach label {
      display: block;
      margin-bottom: 5px;
      }

      .attach label a {
      text-decoration: none;
      }
      =20
      blockquote {
      margin: 0 0 0 4px;
      }

      .bold {
      font-family: Arial;
      font-size: 13px;
      font-weight: 700;
      }

      .bold a {
      text-decoration: none;
      }

      dd.last p a {
      font-family: Verdana;
      font-weight: 700;
      }

      dd.last p span {
      margin-right: 10px;
      font-family: Verdana;
      font-weight: 700;
      }

      dd.last p span.yshortcuts {
      margin-right: 0;
      }

      div.attach-table div div a {
      text-decoration: none;
      }

      div.attach-table {
      width: 400px;
      }

      div.file-title a, div.file-title a:active, div.file-title a:hover, div.fi=
      le-title a:visited {
      text-decoration: none;
      }

      div.photo-title a, div.photo-title a:active, div.photo-title a:hover, div=
      .photo-title a:visited {
      text-decoration: none;
      }

      div#ygrp-mlmsg #ygrp-msg p a span.yshortcuts {
      font-family: Verdana;
      font-size: 10px;
      font-weight: normal;
      }

      .green {
      color: #628c2a;
      }

      .MsoNormal {
      margin: 0 0 0 0;
      }

      o {
      font-size: 0;
      }

      #photos div {
      float: left;
      width: 72px;
      }

      #photos div div {
      border: 1px solid #666666;
      height: 62px;
      overflow: hidden;
      width: 62px;
      }

      #photos div label {
      color: #666666;
      font-size: 10px;
      overflow: hidden;
      text-align: center;
      white-space: nowrap;
      width: 64px;
      }

      #reco-category {
      font-size: 77%;
      }

      #reco-desc {
      font-size: 77%;
      }

      .replbq {
      margin: 4px;
      }

      #ygrp-actbar div a:first-child {
      /* border-right: 0px solid #000;*/
      margin-right: 2px;
      padding-right: 5px;
      }

      #ygrp-mlmsg {
      font-size: 13px;
      font-family: Arial, helvetica,clean, sans-serif;
      *font-size: small;
      *font: x-small;
      }

      #ygrp-mlmsg table {
      font-size: inherit;
      font: 100%;
      }

      #ygrp-mlmsg select, input, textarea {
      font: 99% Arial, Helvetica, clean, sans-serif;
      }

      #ygrp-mlmsg pre, code {
      font:115% monospace;
      *font-size:100%;
      }

      #ygrp-mlmsg * {
      line-height: 1.22em;
      }

      #ygrp-mlmsg #logo {
      padding-bottom: 10px;
      }

      #ygrp-mlmsg a {
      color: #1E66AE;
      }

      #ygrp-msg p a {
      font-family: Verdana;
      }

      #ygrp-msg p#attach-count span {
      color: #1E66AE;
      font-weight: 700;
      }

      #ygrp-reco #reco-head {
      color: #ff7900;
      font-weight: 700;
      }

      #ygrp-reco {
      margin-bottom: 20px;
      padding: 0px;
      }

      #ygrp-sponsor #ov li a {
      font-size: 130%;
      text-decoration: none;
      }

      #ygrp-sponsor #ov li {
      font-size: 77%;
      list-style-type: square;
      padding: 6px 0;
      }=20

      #ygrp-sponsor #ov ul {
      margin: 0;
      padding: 0 0 0 8px;
      }

      #ygrp-text {
      font-family: Georgia;
      }

      #ygrp-text p {
      margin: 0 0 1em 0;
      }

      #ygrp-text tt {
      font-size: 120%;
      }

      #ygrp-vital ul li:last-child {
      border-right: none !important;=20
      }=20
      -->
      </style>
      </head>

      <!--~-|**|PrettyHtmlEnd|**|-~-->
      </html>
      <!-- end group email -->

      ------=_NextPart_000_00B8_01CD67FF.72A59CB0--

      Nenhum vírus encontrado nessa mensagem.
      Verificado por AVG - www.avgbrasil.com.br
      Versão: 2012.0.2197 / Banco de dados de vírus: 2437/5149 - Data de Lançamento: 07/23/12

    Your message has been successfully submitted and would be delivered to recipients shortly.