Menu valt achter de blokken in IE
-
Heb een menu toegevoegd en in FF werkt hij perfect, echter in IE valt deze achter de blokken. Iemand enig idee hoe ik dat kan aanpassen?
Menu is te zien op: http://www.soccerclinics.nl
-
Je had volgens mij al door dat het iets met de Z-index te maken heeft, omdat er nu onder je menu deze tekst staat:
{ z-index: 1; }
Als je dit als CSS-code gebruikt moet je het nogmaals checken. Waarschijnlijk gaat het dan wel zoals je het verwacht.
Klopt ben er een beetje mee aan het stoeien, maar krijg het niet voor elkaar.
Ik heb de volgende code voor de header:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); if(get_bloginfo('name') != "") echo ' - ' ; bloginfo('name'); } elseif (is_single() ) { single_post_title(); } elseif (is_page() ) { bloginfo('name'); if(get_bloginfo('name') != "") echo ': '; single_post_title(); } else { wp_title('',true); } ?></title> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]--> <!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]--> <link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <?php wp_head(); ?> </head> <body> <div id="art-page-background-gradient"></div> <div id="art-main"> <div class="art-Sheet"> <div class="art-Sheet-tl"></div> <div class="art-Sheet-tr"></div> <div class="art-Sheet-bl"></div> <div class="art-Sheet-br"></div> <div class="art-Sheet-tc"></div> <div class="art-Sheet-bc"></div> <div class="art-Sheet-cl"></div> <div class="art-Sheet-cr"></div> <div class="art-Sheet-cc"></div> <div class="art-Sheet-body"> <div class="art-Header"onclick="location.href='http://www.soccerclinics.nl/';" style="cursor: pointer;"> <div class="art-Header-png"></div> <div class="art-Header-jpeg"></div> </div> <?php shailan_dropdown_menu(); ?>
Welke versie van IE gebruik je?
Daar zit ook nog wel eens flink verschil in hoe de pagina wordt weergegeven.IE8. In FF wordt die wel gewoon goed weergegeven..
Gewoon een ander menu proberen. Zat deze standaard bij het Thema?
- Het onderwerp ‘Menu valt achter de blokken in IE’ is gesloten voor nieuwe reacties.