Ir para conteúdo
Fórum Script Brasil
  • 0

Problema - blog não é exibido corretamente no Firefox e no IE


Morello

Pergunta

Seguinte: meu blog teve seu código desenvolvido no Google Chrome, onde o layout é exibido perfeitamente. Entretanto, ele apresenta alguns erros inexplicáveis quando testado no IE ou no Firefox. A sidebar aparece muito fora do lugar (Firefox) ou com barras pretas (IE). Já no Chrome, nenhum desses erros é apresentado. Estou bem perdido e sequer sei por onde começar a procurar o erro. Rola uma ajudinha? rs

Segue o código:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Minima
Date:     26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#5588aa">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#666666">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#999999">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#cc6600">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#000000">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#000000">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#999999">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 14px Calibri">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */
td img {display: block;}a:link {
color: #E58E1A;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #E58E1A;
}
a:hover {
text-decoration: underline;
color: #E58E1A;
}
a:active {
text-decoration: none;
color: #E58E1A;
}
body {
background:url(http://i53.tinypic.com/35i409k.jpg);
background-repeat:repeat-x;
background-position: 0px 39px;
background-color: #1C1C1C;
}
body,td,th {
font-size: 12px;
color: #000;
font-family: Verdana, Geneva, sans-serif;
}
h1 {
font-size: 36px;
color: #E48D19;
}
h2 {
font-size: 24px;
color: #E48D19;
}
h3 {
font-size: 16px;
color: #E48D19;
}
h4 {
font-size: 14px;
color: #E48D19;
}
h5 {
font-size: 12px;
color: #E48D19;
}
h6 {
font-size: 10px;
color:#E48D19;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 875px;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }
#main-wrapper {
  width: 643px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }
#sidebar-wrapper {
  width: 203px;
  float: $endSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:$headerfont;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
  margin:1.5em 0 .5em;
  }
.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
  }
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:$titlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
  color:$textcolor;
}
.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}
.post-body blockquote {
  line-height:1.3em;
}
.post-footer {
  margin: .75em 0;
  color:$sidebarcolor;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  line-height: 1.4em;
}
.comment-link {
  margin-$startSide:.6em;
}
.post img, table.tr-caption-container {
  padding:4px;
  border:0px solid $bordercolor;
}
.tr-caption-container img {
  border: none;
  padding: 0;
}
.post blockquote {
  margin:1em 20px;
}
.post blockquote p {
  margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: $sidebarcolor;
  text-align: left;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
#blog-pager-newer-link {
  float: $startSide;
}

#blog-pager-older-link {
  float: $endSide;
}
#blog-pager {
  text-align: center;
}
.feed-links {
  clear: both;
  line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
  color: $sidebartextcolor;
  line-height: 1.5em;
}
.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:15px;
  text-indent:-15px;
  line-height:1.5em;
  }
.sidebar .widget, .main .widget {
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
}
.main .Blog {
  border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 0px solid $bordercolor;
}
.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.6em;
}
.profile-datablock {
  margin:.5em 0 .5em;
}
.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}
.profile-link {
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
}
]]></b:skin>
  </head>
<body>
<div align='center'>
  <table border='0' cellpadding='0' cellspacing='0' width='960'>
    <!-- fwtable fwsrc="Layout.png" fwpage="960 x 1200" fwbase="Layout.jpg" fwstyle="Dreamweaver" fwdocid = "1813935348" fwnested="0" -->
    <tr>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='43'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='111'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='132'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='41'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='24'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='48'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='23'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='85'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='21'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='27'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='35'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='19'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='33'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='48'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='5'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='2'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='27'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='56'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='31'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='93'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='14'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='35'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='7'/></td>
      <td><img alt='' border='0' height='1' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
  
    <tr>
      <a href='http://www.spaceingamers.com'><td colspan='2'><img alt='' border='0' height='164' hspace='0' id='Layout_r1_c1' name='Layout_r1_c1' src='http://s4.postimage.org/280lblno/Layout_r1_c1.png' vspace='0' width='154'/></td>
      <td colspan='2'><img alt='' border='0' height='164' id='Layout_r1_c3' name='Layout_r1_c3' src='http://i52.tinypic.com/x5b3vo.jpg' width='173'/></td>
      <td colspan='4'><img alt='' border='0' height='164' id='Layout_r1_c5' name='Layout_r1_c5' src='http://img5.uploadhouse.com/fileuploads/14568/14568725953a0f6068de41e9f03c5fbbcdea4f11.jpg' width='180'/></td>
      <td colspan='6'><img alt='' border='0' height='164' id='Layout_r1_c9' name='Layout_r1_c9' src='http://s4.postimage.org/288v0c4k/Layout_r1_c9.jpg' width='183'/></td></a>
      <td colspan='9'><img alt='' border='0' height='164' id='Layout_r1_c15' name='Layout_r1_c15' src='http://i56.tinypic.com/b6rs7o.jpg' width='270'/></td>
      <td><img alt='' border='0' height='164' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
    <tr>
      <td colspan='23'><img alt='' border='0' height='9' id='Layout_r2_c1' name='Layout_r2_c1' src='http://i52.tinypic.com/21omv88.jpg' width='960'/></td>
      <td><img alt='' border='0' height='9' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
    <tr>
      <td colspan='3' rowspan='2'><img alt='' border='0' height='42' id='Layout_r3_c1' name='Layout_r3_c1' src='http://i56.tinypic.com/jukcbp.jpg' width='286'/></td>
      <td><a href='http://www.spaceingamers.com/'><img alt='' border='0' height='40' id='Layout_r3_c4' name='Layout_r3_c4' src='http://www.freeimagehosting.net/newuploads/ab65c.jpg' width='41'/></a></td>
      <td rowspan='2'><img alt='' border='0' height='42' id='Layout_r3_c5' name='Layout_r3_c5' src='http://i53.tinypic.com/2uiubk5.jpg' width='24'/></td>
      <td><a href='http://www.spaceingamers.com/search/label/Games'><img alt='' border='0' height='40' id='Layout_r3_c6' name='Layout_r3_c6' src='http://www.freeimagehosting.net/newuploads/6c50d.jpg' width='48'/></a></td>
      <td rowspan='2'><img alt='' border='0' height='42' id='Layout_r3_c7' name='Layout_r3_c7' src='http://i51.tinypic.com/2lt0dtu.jpg' width='23'/></td>
      <td colspan='2'><a href='http://www.spaceingamers.com/search/label/Animes%20e%20Mang%C3%A1s'><img alt='' border='0' height='40' id='Layout_r3_c8' name='Layout_r3_c8' src='http://www.freeimagehosting.net/newuploads/c74ab.jpg' width='106'/></a></td>
      <td rowspan='2'><img alt='' border='0' height='42' id='Layout_r3_c10' name='Layout_r3_c10' src='http://i55.tinypic.com/21l8nxh.jpg' width='27'/></td>
      <td colspan='2'><a href='http://www.spaceingamers.com/search/label/Internet'><img alt='' border='0' height='40' id='Layout_r3_c11' name='Layout_r3_c11' src='http://i52.tinypic.com/2ylmbe1.jpg' width='54'/></a></td>
      <td rowspan='2'><img alt='' border='0' height='42' id='Layout_r3_c13' name='Layout_r3_c13' src='http://i53.tinypic.com/258bjue.jpg' width='33'/></td>
      <td colspan='3' rowspan='2'><a href='http://www.spaceingamers.com/search/label/Reviews'><img alt='' border='0' height='42' id='Layout_r3_c14' name='Layout_r3_c14' src='http://i52.tinypic.com/ao7rdc.jpg' width='55'/></a></td>
      <td rowspan='2'><img alt='' border='0' height='42' id='Layout_r3_c17' name='Layout_r3_c17' src='http://i55.tinypic.com/21l8nxh.jpg' width='27'/></td>
      <td><a href='http://www.spaceingamers.com/p/parceria.html'><img alt='' border='0' height='40' id='Layout_r3_c18' name='Layout_r3_c18' src='http://www.freeimagehosting.net/newuploads/ca27e.jpg' width='56'/></a></td>
      <td rowspan='2'><img alt='' border='0' height='42' id='Layout_r3_c19' name='Layout_r3_c19' src='http://i51.tinypic.com/30tlw11.jpg' width='31'/></td>
      <td rowspan='2'><a href='http://www.spaceingamers.com/p/sobre-nos.html'><img alt='' border='0' height='42' id='Layout_r3_c20' name='Layout_r3_c20' src='http://www.freeimagehosting.net/newuploads/6db6c.jpg' width='93'/></a></td>
      <td colspan='3' rowspan='2'><img alt='' border='0' height='42' id='Layout_r3_c21' name='Layout_r3_c21' src='http://i56.tinypic.com/msyro2.jpg' width='56'/></td>
      <td><img alt='' border='0' height='40' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
    <tr>
      <td><img alt='' border='0' height='2' id='Layout_r4_c4' name='Layout_r4_c4' src='http://i56.tinypic.com/288caoi.jpg' width='41'/></td>
      <td><img alt='' border='0' height='2' id='Layout_r4_c6' name='Layout_r4_c6' src='http://i55.tinypic.com/2ajp0f8.jpg' width='48'/></td>
      <td colspan='2'><img alt='' border='0' height='2' id='Layout_r4_c8' name='Layout_r4_c8' src='http://i52.tinypic.com/2d6pa21.jpg' width='106'/></td>
      <td colspan='2'><img alt='' border='0' height='2' id='Layout_r4_c11' name='Layout_r4_c11' src='http://i52.tinypic.com/4k8vnl.jpg' width='54'/></td>
      <td><img alt='' border='0' height='2' id='Layout_r4_c18' name='Layout_r4_c18' src='http://i54.tinypic.com/103an2f.jpg' width='56'/></td>
      <td><img alt='' border='0' height='2' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
    <tr>
      <td rowspan='9'/>
      <td colspan='20'><img alt='' border='0' height='13' id='Layout_r5_c2' name='Layout_r5_c2' src='http://i51.tinypic.com/dcakoi.jpg' width='875'/></td>
      <td colspan='2' rowspan='7'/>
      <td><img alt='' border='0' height='13' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
    <tr>
      <td colspan='20'><img alt='' border='0' height='6' id='Layout_r6_c2' name='Layout_r6_c2' src='http://i54.tinypic.com/2dri4p4.jpg' width='875'/></td>
      <td><img alt='' border='0' height='6' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
    <tr>
      <td bgcolor='#FFFFFF' colspan='14' rowspan='3' valign='top'><div align='center' id='content-wrapper' style='margin: 3px;'>
      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'/>
      </div>
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
      </div>
</div>
      </td>
      <td colspan='5'><img alt='' border='0' height='12' id='Layout_r7_c16' name='Layout_r7_c16' src='http://i56.tinypic.com/kb57ya.jpg' width='209'/></td>
      <td bgcolor='#FFFFFF' rowspan='3'/>
      <td><img alt='' border='0' height='12' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
    <tr>
      <td bgcolor='#CCCCCC' colspan='5' valign='top'/>
      <td><img alt='' border='0' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
    <tr>
      <td bgcolor='#CCCCCC' colspan='5' height='14' valign='top' width='209'><div id='sidebar-wrapper' style='margin: 3px;'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML4' locked='false' title='Space Ingamers no Twitter' type='HTML'/>
<b:widget id='Label1' locked='false' title='Categorias' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do Blog' type='BlogArchive'/>
<b:widget id='HTML2' locked='false' title='Parceiros' type='HTML'/>
</b:section>
      </div></td>
      <td><img alt='' border='0' height='14' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
    <tr>
      <td bgcolor='#FFFFFF' colspan='14' valign='top'/>
      <td bgcolor='#FFFFFF' colspan='5' height='14' valign='top'><img alt='' src='http://i51.tinypic.com/2vcgbgj.jpg'/></td>
      <td bgcolor='#FFFFFF'/>
      <td/>
    </tr>
    <tr>
      <td colspan='20'><img alt='' border='0' height='13' id='Layout_r10_c2' name='Layout_r10_c2' src='http://i54.tinypic.com/11tskr4.jpg' width='875'/></td>
      <td><img alt='' border='0' height='13' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
    <tr>
      <td colspan='20'><br/><img align='right' alt='' border='0' height='39' id='Layout_r12_c12' name='Layout_r12_c12' src='http://i51.tinypic.com/nxvx2r.png' width='363'/></td>
      <td><img alt='' border='0' height='3' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
    <tr>
      <td colspan='10' rowspan='2'/>
      <td colspan='11'/>
      <td rowspan='2'/>
      <td><img alt='' border='0' height='39' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
    <tr>
      <td colspan='11'/>
      <td><img alt='' border='0' height='2' src='http://i53.tinypic.com/t7zpjk.jpg' width='1'/></td>
    </tr>
  </table>
</div>
</body>
</html>

Link: http://www.spaceingamers.com

Abraços.

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...