Hallo zusammen,
ich bastele gerade meine erste Wordpress-Seite und habe dementsprechend eine Anfänger-Frage:
Ich habe meine Seite bisher mit Firefox bearbeitet und habe sie jetzt auch mit Opera, Chrome und Internet Explorer getestet. Bei letzterem Browser ergeben sich Probleme bei der Darstellung des Headers.
So soll es eigentlich aussehen:
Im Header werden abwechselnd zwei verschiedene Bilder eingeblendet.
Im Internet Explorer (ich habe IE11 installiert) werden die beiden Bilder untereinander angezeigt:
Das sieht sehr unschön aus.
Nun ist die Frage, wie ich dieses Problem in den Griff bekomme. :confused:
So sieht der Code der header.php-Datei im Editor aus. Ich verwende das Theme Seller, bzw. ein Child-Theme davon.
<?php
/**
* Displays all of the <head> section and everything up till <div id="content">
*
* @package Seller
*/
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php global $option_setting; ?>
<div id="page" class="hfeed site">
<div id="top-bar">
<div class="container">
<div class="col-md-6">
<?php
if (isset($option_setting['mail-id'])) :
get_template_part('top', 'left');
else :
get_template_part('defaults/top', 'left');
endif; ?>
</div>
<?php if (isset($option_setting['enable-social-icons'])) :
if($option_setting['enable-social-icons']) : ?>
<div id="social-icons" class="col-md-6">
<?php get_template_part('social', 'fa'); ?>
</div>
<?php endif;
else : ?>
<div id="social-icons" class="col-md-6">
<?php get_template_part('defaults/social', 'default'); ?>
</div>
<?php endif; ?>
</div><!--.container-->
</div><!--#top-bar-->
<header id="masthead" class="site-header" role="banner">
<div class="container">
<div class="site-branding col-lg-5 col-md-12">
<?php if (isset($option_setting['logo']['url'])) : ?>
<?php if( $option_setting['logo']['url'] != "" ) : ?>
<div id="site-logo">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url($option_setting['logo']['url']) ?>" alt="<?php bloginfo( 'name' ); ?>"></a>
</div>
<?php else : ?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" data-hover="<?php bloginfo( 'name' ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
<?php endif; ?>
<?php else : ?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" data-hover="<?php bloginfo( 'name' ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
<?php endif; ?>
</div>
<!-- original für navigation: class="col-lg-8 col-md-12" -->
<div id="top-nav" class="col-lg-20 col-md-20">
<nav id="site-navigation" class="main-navigation" role="navigation">
<h1 class="menu-toggle"; style="font-family:serif";><?php _e( 'Menu', 'seller' ); ?></h1>
<div style="font-size:16px;">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'seller' ); ?></a>
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
</nav><!-- #site-navigation -->
</div>
</div><!--.container-->
</header><!-- #masthead -->
<?php
if (isset($option_setting['slider-enable-on-home'])) :
get_template_part('slider');
get_template_part('showcase');
else :
get_template_part('defaults/slider','default');
get_template_part('defaults/showcase','default');
endif;
?>
<div id="content" class="site-content container">Ich wäre sehr dankbar für eure Hilfe.
Ich frage mich auch, ob es nicht eine möglichst allumfassende Lösung gibt, die Probleme mit der Anzeige von Wordpress-Seiten im Internet Explorer beseitigt? Ich habe schon nach Möglichkeiten gesucht und von Conditional Comments gelesen... dann aber auch gelesen, dass IE10 aufwärts diese nicht unterstützt. :?
Vielen Dank schonmal!!