Liebe Freunde der html css und php Welt,
ich habe ein schwerwiegendes Problem, bzw. ich komm einfach nicht dahinter wie ich mein CSS Menü (horizontal) im Internet Explorer richtig dargestellt bekomme. Im Firefox zeigt er es wie man es nicht anders kennt ohne probleme vollkommen richtig an. Nur im Internet Explorer zeigt er mir das Menü nur Teilweise an. Ich hab jetzt schon viel im Internet herum gesurft aber ich habe leider nichts annähernd gefunden, was das problem beseitigen könnte.
Hier mein CSS Code:
<!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
<style type="text/css">
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
/*[START-QCC]*/.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}/*[END-QCC]*//*[START-QCC0]*/#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}/*[END-QCC0]*/
/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/
/* QuickMenu 0 */
/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:2px 40px 5px 10px;
color:black;
font-family:Arial;
font-size:12px;
text-decoration:none;
font-weight:normal;
text-align:left;
border-width:0px 1px 1px 0px;
border-style:dashed;
border-color:yellow;
}
/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover
{
color:#FA3030;
}
/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 li:hover>a
{
color:yellow;
}
/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
color:#FA3030;
border-color:#FA3030;
}
/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:2px 5px 0px 5px;
margin:0px 0px 0px -1px;
background-color:#3399FF;
border-width:0px 1px 1px 1px;
border-style:dashed;
border-color:yellow;
}
/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:6px 15px 6px 5px;
font-size:11px;
border-width:0px;
border-style:none;
}
/*"""""""" (SUB) Parent Items""""""""*/
#qm0 div .qmparent, #qm0 ul .qmparent
{
text-decoration:underline;
}
/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
border-style:none;
}
/*"""""""" Individual Titles""""""""*/
#qm0 .qmtitle
{
font-size:11px;
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 ul
{
margin:0px 0px 0px -1px;
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 ul ul
{
border-width:1px;
}
/*[END-QS0]*/
</style>
Hier mein HTML Code:
[code]
<li><a class="qmparent" href="javascript:void(0)">Home</a>
<ul>
<li><a href="index.html">News</a></li>
</li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">asdass</a>
<ul>
<li><a class="qmparent" href="javascript:void(0)">asdasd</a>
<ul>
<li><a href="index.html">asdasdsa</a></li>
<li><a href="adsasdas">asdsdasd</a></li>
<li><a href="asdas">asde</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">asdasdas</a>
<ul>
<li><a href="javascript:void(0);">Sasdasdr</a></li>
<li><a href="asdasdasd">asdadasd</a></li>
</ul></li>
<li><a href="auswaerts.html">asdasr</a></li>
<li><a href="tv.html">fsdfn</a></li>
<li><a href="asdasda">asdasda</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Videos</a>
<ul>
<li><a href="eishockeytv.html">Eishockey</a></li>
<li><a href="funnytv.html">Funny</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Forum</a>
<ul>
<li><a href="test.html">asasas</a></li>
<li><a href="asasas.html">asasda</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0);">Other</a>
<ul>
<li><a href="turnier.html">sasa</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ul></li>
[/code]
wäre für jeden Tipp dankbar…