Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boasssss
Estou a precisar de ajuda, eu estou a desenvolver um site e como sabe entre browsers existe infelizmente sempre aquelas diferenças, uma div fica mais para cima a outra mais para o lado, etc...
O meu problema é este:
Firefox 5
Google Chrome:
No firefox está como pretendo, mas no google chrome fica com espaçamento entre as li's como é que resolvo isso?
CSS
#servicos li { width: 100%; display:block; margin: 5px 0 5px -2px; color: #fff; height: 100px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#servicos li.cpanel { background: url('../images/panel/servicos/cpanel.png') no-repeat center center #000; }
#servicos li.teamspeak3 { background: url('../images/panel/servicos/teamspeak3.png') no-repeat center center #000; }
#servicos li.dominios { background: url('../images/panel/servicos/dominios.png') no-repeat center center #000; }
#servicos li .overlayText { width: 245px; position: relative; top: 0px; z-index: 4; font-size: 11px; padding: 8px 10px 10px 10px; float: right; color: #fff; background: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: none; height: 82px; overflow: hidden; }
#servicos li .overlayText .loading { text-align: center; padding: 20px; }
#servicos li .overlaytext ul { list-style-type:none; }
#servicos li .overlayText ul li { line-height:90% color: #fff; padding: 0; margin: 0; display: block; height: auto; }
HTML ( não tem o html todo )
<ul class="servico-info">
<li class="diskusage">Espaço em Disco:<span class="right"><span>0</span> MB/ <?php echo ( ( $s['servico']['config_07_opt'] == '-1') ? '∞' : $s['servico']['config_07']); ?> MB</span></li>
<li class="bandwidthusage">Tráfego Usado:<span class="right"><span>0</span> MB/ <?php echo ( ( $s['servico']['config_22_opt'] == '-1') ? '∞' : $s['servico']['config_22']); ?> MB</span></li>
<li class="emailaccounts">Contas de Email:<span class="right"><span>0</span>/<?php echo ( ( $s['servico']['config_17_opt'] == '-1') ? '∞' : $s['servico']['config_17']); ?></span></span></li>
<li class="ftpaccounts">Contas de FTP:<span class="right"><span>0</span>/<?php echo ( ( $s['servico']['config_16_opt'] == '-1') ? '∞' : $s['servico']['config_16']); ?></span></span></li>
<li class="sqldatabases">Bases de Dados MySQL:<span class="right"><span>0</span>/<?php echo ( ( $s['servico']['config_15_opt'] == '-1') ? '∞' : $s['servico']['config_15']); ?></span></span></li>
<li class="subdomains">Sub-Domínios:<span class="right"><span>0</span>/<?php echo ( ( $s['servico']['config_19_opt'] == '-1') ? '∞' : $s['servico']['config_19']); ?></span></li>
</ul>
A class servico-info no ul é simplesmente para uso de jQuer.
Obrigado!!
Carregando comentários...