Hallo.
Ich habe folgendes Problem:
Ich habe ein zusätzliches Coolmenü (Danke für den Beitrag:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=134830)eingefügt und im Chromebrowser ist das Design top, nur im Internet Explorer fehlt das Coolmenü komplett.
In meinem Baukasten habe ich das über dem Design (ich nutze Iceblue):
<div style="width:921px; margin: 0px auto; overflow:hidden; position:relative;">
<style type="text/css">
<!--
/* Feld um das Klappmenu */
#klappmenu {
position: absolute;
margin-top: 124px; /* Abstand von oben anpassen */
margin-left: 190px; /* Abstand zur linken Seite anpassbar */
width: 700px; /* die Breite anpassbar */
overflow: hidden;}
#klappmenu ul { list-style-type: none; margin:0px; padding: 0px; }
#liste ul li { margin: 0; border: none; }
/* Button Breite + Rahmen + Abstand */
#liste li {
width: 130px;
float: left;
text-align: center;
border: 1px solid #c9c9c9;
margin-right: 1px;
margin-left: 5px; }
/* Button Linkfarbe + Hintergrundfarbe */
#liste a {
display: block;
padding: 5px 5px 5px 5px;
color: #000000;
font-size: 13px;
background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif);
background-repeat: none;
text-decoration: none; }
/* Button Hover-Farbe */
#liste a:hover {
color: #008080;
background-color: #008080; }
#liste li ul { display:none; } /* eingeklappt */
#liste li:hover ul { display:block; } /* ausgeklappt */
/* Navi-Button Hover-Effekt */
td.nav:
a:hover {
color: #008080;
}
/* Navi-Link Hover */
td.nav a:hover {
color: #008080;
}
td.nav_heading {
background-image: url(http://theme.webme.com/designs/iceblue/images/heading_left.gif);
color: white;
padding-left: 15px;
line-height: 35px;
width: 185px;
height: 35px;
background-repeat: repeat-x; }
-->
</style>
<div id="klappmenu">
<ul id="liste">
<li><a href="#">Kirche Rossow</a>
<ul>
<li><a href="/Rossow-und-seine-Kirche.htm">Willkommen</a></li>
<li><a href="/Die-Kirche.htm">Kirche</a></li>
<li><a href="/Rossow.htm">Rossow</a></li>
<li><a href="/Highlights.htm">Highlights</a></li>
<li><a href="/Galerie/index.htm">Galerie</a></li>
</ul>
</li>
<li><a href="#">Kirchenarchiv</a>
<ul>
<li><a href="/Pfarrer-in-Rossow.htm">Pfarrer</a></li>
<li><a href="/Statistik-Gottesdienst.htm">Gottesdienst</a></li>
<li><a href="/Statistik-ab-2000.htm">ab 2000</a></li>
<li><a href="/Statistik-1712_1999.htm">1712-1999</a></li>
</ul>
</li>
<li><a href="#">Gemeindeheft</a>
<ul>
<li><a href="/Gemeindeheft.htm">Gemeindeheft</a></li>
</ul>
</li>
<li><a href="#">Exclusiv</a>
<ul>
<li><a href="/Raum-der-Stille.htm">Raum der Stille</a></li>
<li><a href="/Blog/index.htm">Blog</a>
</li>
</ul>
</li>
</ul>
</div>
und das unter dem Design:
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-27104102-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</div>
Wo liegt da das Problem?
hier die HP:
http://kirche-rossow.de/Home.htm
Viele Grüße
