Alloah, hab atm. folgendes Problem:
Unter FF und Opera is es absolut kein Problem, aber wenn ichs beim Internet Explorer probier...(wunder wunder) dann gehts net ^^
und zwar:
ich hab hier ein unter nem Banner 4 Menüpunkte. Unter den Menüpunkten (das is jetzt nur bei IE so, FF und Opera Version schaut anders aus, aber das is ja jetzt net von Belangen...) is ne Tabelle, die mit den restlichen Menüunterpunkten dynamisch / statisch gefüllt wird. Aber halt nur eine Spalte. Die Tabellen Elemente sind normalerweise wegen "overflow:none" nicht sichtbar, aber wenn man über das Header Element "hovert" dann, ham wir "overflow:visible" und man sieht das gesamte Menü. So, jetzt is das ja noch net das Problem, denn das sogar! Allerdings, wenn ich jetzt im IE vom Headerelement zum 1. Subelement wechseln will, dann is der Hover Effekt nimma da und die table is wieder "overflow:none"...bei FF und Opera das allerdings....naja...hoffe ihr könnt mir helfen =)
Hier ma die Navi
und das dazugehörige CSS, das mit
<!--[if IE 6]>
<style type="text/css">@import url(css/theme_ie.css);</style>
<style type="text/css">@import url(css/navi_ie.css);></style>
<![endif]-->
importiert wird
Unter FF und Opera is es absolut kein Problem, aber wenn ichs beim Internet Explorer probier...(wunder wunder) dann gehts net ^^
und zwar:
ich hab hier ein unter nem Banner 4 Menüpunkte. Unter den Menüpunkten (das is jetzt nur bei IE so, FF und Opera Version schaut anders aus, aber das is ja jetzt net von Belangen...) is ne Tabelle, die mit den restlichen Menüunterpunkten dynamisch / statisch gefüllt wird. Aber halt nur eine Spalte. Die Tabellen Elemente sind normalerweise wegen "overflow:none" nicht sichtbar, aber wenn man über das Header Element "hovert" dann, ham wir "overflow:visible" und man sieht das gesamte Menü. So, jetzt is das ja noch net das Problem, denn das sogar! Allerdings, wenn ich jetzt im IE vom Headerelement zum 1. Subelement wechseln will, dann is der Hover Effekt nimma da und die table is wieder "overflow:none"...bei FF und Opera das allerdings....naja...hoffe ihr könnt mir helfen =)
Hier ma die Navi
PHP:
<div id="menuebox">
...
<!-- menue -->
<!-- Der folgende Block bedient nur IEs!
Durch diese Redundanz vermeiden wir den Einsatz von Javascript. -->
<!--[if IE]>
<div class="stupidie">
<a class="auss" href="#"><span class="menutag">IGOR inside</span>
<table>
<tr>
<td>
<a class="inn" href="index.php?t=shnews">News</a>
<?
include("inc/dbConnect.inc.php");
$statement="SELECT * FROM cat1";
$res=mysql_query($statement);
while($row=mysql_fetch_array($res)) {
?>
<a class="inn" href="index.php?t=shcontent&conid=<?echo $row[conid]?>&c=1"><?echo $row[h1]?></a>
<?
}
?>
</td>
</tr>
</table>
</a>
<a class="auss" href="#"><span class="menutag">Infoservice</span>
<table>
<tr>
<td>
<a class="inn" href="index.php?t=shnl">Newsletter</a>
<a class="inn" href="">Anwenderforum</a>
<a class="inn" href="index.php?t=shim">Infomail</a>
<a class="inn" href="index.php?t=aefly">Ärzte Flyer</a>
</td>
</tr>
</table>
</a>
<a class="auss" href="#"><span class="menutag">Anwendung</span>
<table>
<tr>
<td>
<a class="inn" href="#">Chondrozyten</a>
<a class="inn" href="#">Knie/Patella</a>
<a class="inn" href="#">Nase</a>
<a class="inn" href="#">Kiefer</a>
<a class="inn" href="#">Myoblasten</a>
<a class="inn" href="#">Harinkontinenz</a>
</td>
</tr>
</table>
</a>
<a class="auss_rechts" href="#"><span class="menutag">Kunde & Partner</span>
<table>
<tr>
<td>
<a class="inn" href="#">Vertriebspartner</a>
<a class="inn" href="#">Referenzlister der Kunden</a>
<a class="inn" href="#">Kooperationen</a>
<a class="inn" href="#">Innovacell (Innsbruck)</a>
</td>
</tr>
</table>
</a>
</div>
<![endif]-->
</div>und das dazugehörige CSS, das mit
<!--[if IE 6]>
<style type="text/css">@import url(css/theme_ie.css);</style>
<style type="text/css">@import url(css/navi_ie.css);></style>
<![endif]-->
importiert wird
PHP:
#menue {
display:none;
}
.stupidie {
display: block;
position: absolute;
top: 5px;
left: 0;
z-index: 1000;
}
a.auss {
float: left;
width:195px;
height: 20px;
margin-right:6px;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
font-size: 12pt;
background-color:#a6c9dc;
color: #35889a;
z-index: 1000;
}
a:hover.auss {
overflow: visible;
background-color: #a6c9dc;
color:#c41300;
z-index: 1000;
}
a:hover.auss table {
width:195px;
display:block;
border-collapse:collapse;
z-index: 1000;
}
a.auss_rechts {
float: left;
width:197px;
height: 20px;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
font-size: 12pt;
background-color:#a6c9dc;
color: #35889a;
z-index: 1000;
}
a:hover.auss_rechts {
overflow: visible;
background-color: #a6c9dc;
color:#c41300;
z-index: 1000;
}
a:hover.auss_rechts table {
display: block;
border-collapse: collapse;
width:197px;
z-index: 1000;
}
a.inn, a.inn_rechts{
display:block;
height:20px;
text-decoration:none;
text-align:justify;
font-size:10pt;
font-weight:normal;
cursor: default;
background-color:#dee8f2;
color: #35889a;
border: 1px solid #DDD;
padding-left:10px;
margin-left:2px;
padding-top:2px;
padding-bottom:2px;
z-index: 1000;
}
a:hover.inn, a:hover.inn_rechts{
position: relative;
display: block;
z-index: 1000;
}
span.menutag {
display: block;
cursor: default;
z-index: 1000;
}
