Jump to content
Fórum Script Brasil
  • 0

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


Morello

Question

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 to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...