• Resolvido Cssiqueira

    (@cssiqueira)


    Boa noite, estou com um problema dificil de resolver,
    estou criando um tema personalizado no wordpress em div onde tem uma imagem no index que divide com o footer sendo que o alinhamento dela fica ok no google chrome mas quando abre no firefox ou no IE fica torto se alinho no firefox e no IE fica torto no chrome.

    A questão é .: teria como detectar que navegador esta usando e usar um outro footer para o alinhamento correto , por exemplo chrome ele usa o footer, IE e firefox ele usa o footer2, se sim como proceder, friso que não sou leigo, mas tambem expert no WP não sou.

    Desde já agradeço a atenção

A visualizar 7 respostas - de 1 a 7 (de um total de 7)
  • Ola Cssiqueira,

    Possivelmente a melhor resolução para esse problema deveria por passar por conseguires fazer tudo por CSS. Contudo existem algumas formas de poderes resolver:
    – Através da função get_browser() (PHP Link);

    – O WordPress possibilita a verificação do browser através de variaveis booleans (Browser Detection).
    Mais abaixo envio uma função (colocar no theme functions.php) que injeta uma class no body, relativamente ao browser que está a ser utilizado, depois através do CSS consegues fazer o que pretendes:

    <?php
    add_filter('body_class','browser_check_body_class');
    function browser_check_body_class($classes) {
    	global $is_iphone, $is_chrome, $is_safari, $is_NS4, $is_opera, $is_macIE, $is_winIE, $is_gecko, $is_lynx, $is_IE;
    
    	if($is_iphone){
    		$classes[] = 'iphone';
    	}elseif($is_chrome){
    		$classes[] = 'chrome';
    	}elseif($is_safari){
    		 $classes[] = 'safari';
    	}elseif($is_NS4){
    		 $classes[] = 'ns4';
    	}elseif($is_opera){
    		 $classes[] = 'opera';
    	 }elseif($is_macIE){
    		$classes[] = 'mac_ie';
    	 }elseif($is_winIE){
    		 $classes[] = 'win_ie';
    	}elseif($is_gecko){
    		$classes[] = 'geck';
    	}elseif($is_lynx){
    		$classes[] = 'lynx';
    	}elseif($is_IE){
    		 $classes[] = 'ie';
    	}else{
    		$classes[] = 'unknown';
    	}
    
    	return $classes;
    }
    ?>

    CSS:
    body.chrome #divChrome{
    /* Código para Chrome */
    }

    Espero ter ajudado.

    Thread Starter Cssiqueira

    (@cssiqueira)

    Boa noite carlos,
    obrigado por responder, irei testar esse fim de semana e lhe reporto caso eu não tenha conseguido, obrigado pelo help

    Thread Starter Cssiqueira

    (@cssiqueira)

    Carlos não estou conseguindo executar o que voce postou, na realidade não quero mexer a imagem que esta no body e sim a que fica na parte de baixo no footer pois é mais facil alinhar ela do que mecher em todo body estou enviando um print do site para voce entender melhor..

    http://img10.imageshack.us/img10/2153/qbb7.jpg

    se eu alinho no chrome no IE desalinha ou seja nunca consigo alinhar nos demais navegadores

    Olá Cssiqueira

    Será que o site está disponivel através de algum link?
    Pois precisava de analisar algumas coisas que através da imagem enviada em anexo não é possivel.

    Thread Starter Cssiqueira

    (@cssiqueira)

    Boa tarde carlos,
    Infelizmente estou fazendo este tema offline para depois colocar online, hoje estou um pouco atarefado mas até amanha a noite eu configuro o no-ip e disponibilizo online localmente aqui .

    mas uma coisa que não entendi é que voce citou que a imagem em anexo não seria possivel analizar, pois como citei é tudo div e alinhada no css. por isso perguntei se teria apenas uma maneira do wordpress detectar o navegador e dependendo do navegador chamar um footer.php diferente pois seria muito menos complicado eu criar um outro footer.php e alinha a imagem de baixo do que fazer esse catatau de linhas

    Como citei no chrome ele alinha de um jeito , ja no opera /firefox/ie ele alinha de outro (fica esse erro a direita) , 2 footer ja daria conta…

    Thread Starter Cssiqueira

    (@cssiqueira)

    ola carlos, acabo de habilitar o no-ip..
    http://wordpressalinha.sytes.net:8090/

    já agradeço antecipadamente as ajudas que tens me dado

    abraços
    ps.: fiz o alinhamento hoje no chrome, mas no ie e firefox continua desalinhado (limpei o cache por desencargo de consciencia) na posição do print

    Olá Cssiqueira,

    Desculpa a demora na resposta
    Não consigo aceder ao link

A visualizar 7 respostas - de 1 a 7 (de um total de 7)
  • O tópico ‘Detectar Navegador’ está fechado a novas respostas.