Hallo Ihrs,
Und noch ein Problem taucht mit einem Star Hack auf.
HTML:
<ul id="Navigation">
<li><a href="1.htm">Hauptlink 1</a></li>
<li><a href="2.htm">Hauptlink 2</a>
<ul>
<li><a href="2.htm">Unterlink eins von extremer Länge</a></li>
<li><a href="2.htm">Unterlink 2</a></li>
</ul></li>
<li><a href="3.htm">Hauptlink 3</a></li>
<li><span>Hauptlink 4</span></li>
</ul>
CSS:
ul#Navigation {
font-size: 0.75em;
float: left; width: 15em;
margin: 0; padding: 0.8em;
}
* html ul#Navigation { /* Korrekturen fuer IE 5.x */
width: 12.9em;
w\idth: 15em;
padding-left: 0;
padd\ing-left: 0.8em;
}
ul#Navigation li {
list-style: none;
text-align: left;
margin: 0.4em; padding: 0;
}
ul#Navigation li ul{
margin: 0 0 0 2.5em; padding: 0;
}
ul#Navigation li ul li {
margin: 0.1em 0;
width: 15em;
}
* html ul#Navigation li ul li { /* Korrektur fuer IE 5.x */
margin-left: 2.5em;
ma\rgin-left: 0;
}
ul#Navigation a, ul#Navigation span {
padding: 0.25em 1em 0.25em 1em;
display:block;
text-decoration: none; font-weight: normal;
text-align: left;
border: 1px solid black;
color: #000000; background-color: #CCFF99;
}
* html ul#Navigation a, ul#Navigation span {
width: 100%; /* Breitenangabe fuer IE 5.x */
w\idth: 15em; /* Breitenangabe fuer IE 6 */
}
* html ul#Navigation li ul li a, ul#Navigation li ul li span {
width: 100%; /* Breitenangabe fuer IE 5.x */
w\idth: 15em; /* Breitenangabe fuer IE 6 */
}
ul#Navigation a:hover, ul#Navigation span {
text-align: left;
border: 1px solid black;
color: #000000; background-color: #99CC66;
}
Wenn ich die letzten Beiden Star Hacks drin habe, dann funktioniert es im IE so wie gewollt, nur der Firefox verlängert mir aufeinmal meinen Kasten bei Span (um den unterlink 4). Wenn ich die Star Hacks rausnehme wirds wieder im Firefox okay und im IE falsch.
Was ist hier los?
Dankeschön,
B-ellanna