IE 7 Steckt die zweite ebene vom klappdown menü in das obere Li
sampelsize
- css
Ich versuche nun seit ein paar Stunden rauszurinden an was es liegt leider ohne erfolg.
IE7 verbannt die zweite ul einfach in das li und ich bekomme es da nicht raus und weiß auch nicht an welcher Einstellung das liegt.
Vielen dank für jegliche Hilfe.
Tut mir leid wenn ich nicht mehr schreibe aber viel mehr gibt es da nicht zu sagen. Wenn ihr nicht auf die Seite gehen wollt, hier nochmal der Code
<div class="mod_navigation block">
<a href="index.php/newsdetail.html#skipNavigation1" class="invisible">Navigation überspringen</a>
<ul class="level_1">
<li class= "menu-begin"></li>
<li class="submenu trail mm1 first">
<a href="index.php/home.html" title="Startseite" class="submenu trail mm1 first">Startseite</a>
<ul class="level_2">
<li class= "menu-begin"></li>
<li class="active mm2 first last">
<span class="active mm2 first last">news-detail</span>
</li>
<li class= "menu-ende"></li>
</ul>
</li>
<li class="submenu mm1">
<a href="index.php/angebot.html" title="Angebot" class="submenu mm1">Angebot</a>
<ul class="level_2">
<li class= "menu-begin"></li>
<li class="mm2 first">
<a href="index.php/test2.html" title="test2" class="mm2 first">test2</a>
</li>
<li class="mm2 last">
<a href="index.php/test.html" title="test" class="mm2 last">test</a>
</li>
<li class= "menu-ende"></li>
</ul>
</li>
<li class="mm1">
<a href="index.php/philosophie.html" title="Philosophie" class="mm1">Philosophie</a>
</li>
<li class="mm1">
<a href="index.php/spenden.html" title="Spenden" class="mm1">Spenden</a>
</li>
<li class="mm1 last">
<a href="index.php/kontakt.html" title="Kontakt" class="mm1 last">Kontakt</a>
</li>
<li class= "menu-ende"></li>
</ul>
<a id="skipNavigation1" class="invisible">nbsp;</a>
</div>
/*#############################*/
/* Navigation
/*#############################*/
li.menu-begin{
background: #FFFFFF;
height:56px;
width:20px;
float:left;
}
li.menu-ende{
background: #FFFFFF;
height:56px;
width:20px;
float:left;
}
.mod_navigation{
width:700px;
height:56px;
margin:10px auto 0;
font-size: 22px;
}
li.mm1{
position:relative;
z-index:30; <--- ist auch ein ie7 versuch gewesen
float:left;
text-align: center;
background: rgba(255, 255, 255, 0.5);
}
li.mm1:hover{
background: rgba(0, 0, 0, 0.5);
}
li.mm1:hover a.mm1{
color: #FFFFFF;
}
a.mm1{
color: #000000;
}
li.mm1.trail,
li.mm1.active{
position:relative;
background: rgba(0, 0, 0, 0.5);
color:#FFFFFF;
float:left;
text-align: center;
}
a.mm1.trail,
span.mm1.active{
border: solid 2px transparent;
border-bottom: solid 2px #ffffff;
padding: 15px 22px;
display: block;
color:#FFFFFF;
}
a.mm1{
padding: 17px 24px;
display: block;
}
ul.level_2{
position:absolute;
padding: 10px 0;
display:none;
z-index:25;
width:100%;
font-size:18px;
}
.level_2 .menu-begin,
.level_2 .menu-ende {
display:none;
}
li.active:hover ul.level_2,
li.mm1:hover ul.level_2 {
display: block;
}
ul.level_2{
background: rgba(0, 0, 0, 0.5);
}
a.mm2{
float:left;
color:#FFFFFF;
width:100%;
padding:6px 0;
}
a.mm2:hover{
text-decoration:underline;
}
span.mm2.active{
text-decoration:underline;
}
/*extra ie7 css */
li.mm1{
background: transparent/9;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff);
}
li.mm1:hover{
background: transparent/9;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
}
li.mm1.trail,
li.mm1.active{
background: transparent/9;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
}
ul.level_2{
background: transparent/9;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
top:20px; <--- die zwei werte habe ich da zum test drin. wenn sie auf 0 0 stehen ist die UL genau am oberen eck von der LI
left:0;<---
}
હેલો
Ich versuche nun seit ein paar Stunden rauszurinden an was es liegt leider ohne erfolg.
IE7
Warum hast du einen IE 7 auf deinem PC? Und warum vergeudest du deine kostbare Zeit damit, deine Seite für diesen sogenannten Browser anzupassen? Wenn jemand mit einem IE7 surft, werden die Darstellungsfehler deiner Seite sein letztes Problem sein ;)
Der Sinnvollste Rat, den ich dir geben kann: deinstalliere IE7 und sorge dafür, dass die Seite im IE8 „funktioniert“. IE<9 ist Tot, möge er in Frieden ruhen.
બાય
Hallo,
Der Sinnvollste Rat, den ich dir geben kann: deinstalliere IE7 und sorge dafür, dass die Seite im IE8 „funktioniert“.
soweit stimme ich zu,
IE<9 ist Tot, möge er in Frieden ruhen.
Nein, solange Windows XP noch in nennenswerter Stückzahl da draußen existiert, ist auch der IE8 noch nicht tot, sondern muss noch berücksichtigt werden. Zumindest so weit, dass er etwas Benutzbares bekommt. Wenn die Kosmetik gegenüber den moderneren Versionen etwas auf der Strecke bleibt, okay. Aber die Seite muss in den Grundzügen halbwegs manierlich aussehen und zugänglich sein.
Ciao,
Martin
Jop, stimmt schon, bin nur von haus aus gewöhnt die seiten auch ie7 fähig zu machen. Da diese Seite aber privat ist, reicht der ie 8 auch. Allerdings scheint es auch dort Probleme zu geben. Hilfestellungen werden gerne angenommen :D.
Liebe Grüße
Samp
હેલો
Jop, stimmt schon, bin nur von haus aus gewöhnt die seiten auch ie7 fähig zu machen.
Nicht mal für Geld würde ich das noch machen.
Da diese Seite aber privat ist, reicht der ie 8 auch. Allerdings scheint es auch dort Probleme zu geben. Hilfestellungen werden gerne angenommen :D.
Wenn du unter „Ansicht“ auf „Format“ gehst, und dann kein Format auswählst, siehst du die Seite, wie sie für IE8 Optimal wäre. Du kannst deine Zeit mit Sinnvollerem Totschlagen. Deine Seite könnte es gut vertragen.
બાય