Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá,
tenho algo criado em css e jquery que faz um efeito de deslizar. O problema vai principalmente no lado da css.
http://img818.imageshack.us/img818/898/semttulo1mw.jpg
Na imagem em cima mostro a minha div no Google Chrome, Internet Explorer e Firefox. O fundo branco é a div do slider e chega mesmo ao topo da página. Mas podem reparar entre o topo e o texto "Usúarios on line no momento" está diferente em todos os browser, principalmente no Firefox que deixa muito mais espaço. Pode ser pouco mas já estraga o design.
A css do slider é este:
#sliderWrap {
margin: 0 auto;
width: 850px;/CENTER/
margin-top: -50px;
}
#slider {
position: relative;
width:850px;
background-color:#FFF;
border-radius:1em;
-moz-border-radius:1em;
opacity: 0.80;
border: 2px #78a7d2 solid;
box-shadow: 0px 3px 10px #78a7d2;
-webkit-box-shadow: 0px 3px 10px #78a7d2;
-moz-box-shadow: 0px 3px 10px #78a7d2;
height: 159px;
margin-top: -145px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 0px 0 0 50px;
width:700px;
position: absolute;
text-align:justify;
color:#333333;
font-weight:bold;
padding: 10px;
}
#header {
margin: 0 auto;
width: 800px;
background-color: #F0F0F0;
height: 200px;
padding: 10px;
}
#openCloseWrap {
position:absolute;
margin: 143px 0 0 385px;
font-size:12px;
font-weight:bold;
HTML:
<div id="sliderWrap">
<div id="asa_esquerda"></div>
<div id="asa_direita"></div>
<div id="openCloseIdentifier"></div>
<div id="slider">
<div id="sliderContent">
<?php include ('../include/content_slider.php'); ?>
</div>
<div id="openCloseWrap">
<a href="#" class="topMenuAction" id="topMenuImage">
<img src="../imagens/slide_topo/open.png" title="Abrir" />
</a>
</div>
</div>
</div>
Reparei que na div #sliderContent o padding: 10px; faz uma diferença se remover, no FF fica mais em cima, mas nos outros fica no máximo no topo. Como posso fazer para que todos ficam ao mesmo nível? ou pelo menos no firefox soube mais um pouco sem mexer no padding:10px que depois fica muito apertado.
Carregando comentários...