登录 | 注册 | FAQ
Anonymous

Problema de interpretação entre Chrome e Firefox

+ 发表回复

3 篇帖子 分页: 1 / 1


Problema de interpretação entre Chrome e Firefox

Luis Felipe » 周二 12月 24, 2013 3:21 pm

Prezados, boa tarde!

Estou com um código pronto que, no Firefox está rodando perfeitamente.

No entanto, o Chrome está com algum problema de interpretação, mas que ainda não consegui identificar qual seja.

Segue abaixo o código HTML:

代码: 全选
<div id="contents">
   <div id="adbox">
      <div class="clearfix">
         <img src="images/direito.jpg" alt="img" height="382" width="594">
         <div class="detail">
         <h1>O nosso trabalho é cuidar dos seus interesses.</h1><br>
         <p>
         Assessoria jurídica com excelência.
         </p>
         </div>
      </div>
   </div>
<div class="highlight">
<div class="featured">
</div>


Nas class "highlight" e "featured" tem mais HTML, mas que estão rodando perfeitamente. O problema deve estar na class "adbox".

Segue abaixo o CSS referente:

代码: 全选
/** Adbox **/
#adbox {
   /*background: url(../images/bg-adbox.png) no-repeat center bottom;*/
   border-bottom: 1px solid #fff;
   padding-top: 15px;
}
#adbox > div {
   background-color: #ded6d3;
/*   Valor original: #e9e9e9*/
   width: 958px;
   border: 1px solid #fff;
   margin: 0 auto;
   position: relative;
}
#adbox > div img {
   float: right;
}
#adbox .detail {
   font-family: Times, "Times New Roman", serif;
   height: 185px;
   line-height: 48px;
   width: 308px;
   text-align: center;
   position: absolute;
   left: 54px;
   top: 90px;
}
#adbox .detail h1 {
   color: #4e5944;
   font-size: 30px;
   font-weight: normal;
   line-height: 48px;
   margin: 0;
   text-transform: none;
}
#adbox .detail p {
   color: #4e5944;
   font: 25px/48px "Times New Roman", Times, serif;
   margin: 0;
}
#contents .images img.box {
border: 5px solid #fff;
}
.details {
float: left;
width: 360px;
}
.details p.info {
padding-top: 0;
}


Agradeço desde já se alguém tiver uma luz do que devo fazer.

Caso necessário, posso colar o resto do código.

Um abraço e Feliz Natal a todos!
头像

Luis Felipe

  • 帖子: 2
  • 注册: 周二 12月 24, 2013 3:19 pm

Re: Problema de interpretação entre Chrome e Firefox

XainPro » 周三 12月 25, 2013 10:37 pm

na parte superior do seu css adicione e corrija o seu css novamente depois que ele vai fazer seu html semelhante no Firefox e Chrome

代码: 全选
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
   display: block;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: Problema de interpretação entre Chrome e Firefox

Luis Felipe » 周四 12月 26, 2013 5:06 pm

Caro XainPro,

Copiei o código e colei no cabeçalho do arquivo CSS, mas o erro persiste. A única coisa que alterou foi o background para branco, e algumas fontes que ficaram maiores.

No entanto, a imagem e o texto naquela seção da página continua não aparecendo no Chrome.

Valeu pela ajuda!!
头像

Luis Felipe

  • 帖子: 2
  • 注册: 周二 12月 24, 2013 3:19 pm


+ 发表回复

分页: 1 / 1