Eu tenho um site que testei em todos os outrosprincipais navegadores que funcionam bem. Meu problema está nos navegadores WebKit (Safari 5.1.4 e Chrome 21), onde o meu texto asolutamente posicionado funciona o tempo todo. Se eu atualizar 10 vezes, ele será posicionado corretamente provavelmente duas vezes. O engraçado é que, se eu aumentar o zoom no navegador, a formatação é corrigida.
Website é: http://survey-snap.com/ssContact/ Os elementos são pontos de marcação na seção azul.
CSS:
.bulletpoints {
padding-top: 30px;
font-size: 1.11em;
}
.bulletpoints li {
height: 56px;
position: relative;
padding-bottom: 17px;
}
.bulletpoints img {
float: left;
padding-right: 5px;
}
.bulletpoints span {
position: absolute;
top: 5px;
width: 250px;
}
.bulletpoints p {
margin-top: 10px;
padding-left: 61px;
}
Respostas:
0 para resposta № 1Depois de ler Imagens absolutamente posicionadas no Chrome / Safari, Eu apenas reescrevi essa seção para remover o posicionamento e, em vez disso, apenas o coloquei flutuando.