Meine Wordpress-Seite funktioniert im Firefox mittlerweile einwandfrei. Im Internet Explorer (und auch im Safari) habe ich allerdings das Problem, dass die Unterseiten verschwinden (diese sollen bei aktiver Hauptseite eingeblendet werden). >> Webseite
Hier der php Code:
PHP
<div id="menu">
<ul>
<li <?php if(is_home()){echo 'class="current_page_item"';}?>><a href="<?php bloginfo('siteurl'); ?>/" title="Startseite">Startseite</a>
</li>
<?php wp_list_pages('title_li=&depth=1'); ?>
</ul>
<?php
if($post->post_parent)
$children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0");
else
$children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
if ($children) { ?>
<ul class="unternav">
<?php echo $children; ?>
</ul>
<?php } ?>
</div>Und CSS:
Code
#menu {
float:left;
padding-left:30px;
padding-top:15px;
}
#menu ul{
margin:0px;
display:block;
list-style:none;
}
#menu ul li{
float:left;
}
#menu ul li a {
color:#024d7c;
font-size:1.3em;
float:left;
height:23px;
padding:0 22px 0 22px;
margin:0 2px 0 2px;
display:block;
text-decoration:none;
}
#menu ul li.current_page_item a, #menu ul li.current_page_ancestor a {
color:#024d7c;
float:left;
height:23px;
padding:0 22px 0 22px;
margin:0 2px 0 2px;
display:block;
text-decoration:none;
background-image:url(images/rl_linie.png);
background-position:center;
background-repeat:no-repeat;
}
#menu ul li a:hover{
color:#024d7c;
background-image:url(images/rl_linie.png);
background-position:center;
background-repeat:no-repeat;
text-decoration:none;
}
#menu ul li ul li {
font-size:0.8em;
}
#menu ul li ul li a {
color:#3ec7f4;
background-image:none;
padding:0;
}
#menu ul li ul li a:hover {
color:#3ec7f4;
background-image:none;
text-decoration:underline;
}
#menu .unternav {
margin-left:130px;
margin-top:10px;
font-size:0.8em;
list-style-type:disc;
display:table-caption;
}
#menu .unternav li {
height:15px;
}
#menu .unternav a {
text-decoration:none;
color:#3ec7f4;
margin:0;
padding:0;
}
#menu .unternav a:hover {
text-decoration:none;
color:#024d7c;
background:none;
}
#menu .unternav .page-item-15,
#menu .unternav .page-item-17,
#menu .unternav .page-item-19
{
margin-left:100px;
}
#menu .unternav .page-item-21 {
margin-left:205px;
}
#menu .unternav .page-item-23 {
margin-left:290px;
}
#menu ul.unternav li.current_page_item a {
color:#024d7c;
background:none;
margin:0;
padding:0;
}Vielen Dank für die Hilfe!