Biblioteca externa - Exibir imagem centralizada no Firefox **RESOLVIDO**

Programação
#1

Bom dia,

Preciso exibir uma imagem centralizada utilizando um aplicação Blank, criei a biblioteca externa anaixo:

<?php print (" body { background-position: center center; background-repeat: no-repeat; background-image: url(../_lib/img/logo_pag_png.png); } a:link, a:active, a:visited { color: #FFFFFF; text-decoration: none; } a:hover { color: #FFFFFF; text-decoration: underline; } "); ?>

No IE e Chrome funciona correto mas no Mozilla Firefox, na horizontal a imagem fica centralizada e na vertical fica no topo.

Aguem sabe onde estou errando?

Obrigado

#2

background-position: 50%- 1/2 altura da imagem 50%- 1/2 largura da imagem;

ou

background-position: center , center;

#3

Haroldo,

Já tinha testado com essas duas opções e no Firefox não funciona.

Obrigado

#4

Simplifiquei o script baseado em um exemplo que peguei na net mas também não funciona no Firefox:

<?php print (" body { background-image: url(../_lib/img/logo_pag_png.png); background-repeat: no-repeat; background-position: center center; } "); ?>
#5

Achei na net:

background-position-x é uma implementação não-padrão provenientes de IE. Chrome fez copiá-lo, mas infelizmente não firefox …

#6

Resolvido com html / css.

Obrigado

#7

posta a solução George please :slight_smile:

#8

A solução (Biblioteca externa):

Posicionar um objeto na tela #imgpos { position:absolute; left:50%; top:50%; margin-left:-110px; margin-top:-40px; }

Carrego em uma aplicação Blank:

sc_include_library(“prj”, “nome_da_biblioteca”, “nome_do_arquivo.html”, true, true);