Zitat:
|
Zitat von mstuebner Ohne Deinen Code zu sehen ist das doch "ein wenig" mit raten verbunden. So wie Du das schreibst unterstellst Du dass der IE6 damit ein "Problem" hat. Ich tippe eher auf fehlerhaften Code deinerseits. |
Ich finde es einfach immer wieder interessant, dass wenn eine Seite im IE6 (und nur IE6) schlecht aussieht und in allen anderen Browsern, die sich an die W3C-Vorgaben halten, gut aussieht, es immer noch den Programmieren unterstellt wird, sie würden fehlerhaften Code produzieren.
HTML-Code:
[...]
<body> <div id="seite"> <div id="top"> <div id="mainnavi"><ul><li><a href="index.php?id=7" onfocus="blurLink(this);">Startseite</a></li><li><a href="index.php?id=6" onfocus="blurLink(this);">Profil</a></li><li class="active"><a href="index.php?id=5" onfocus="blurLink(this);">Portfolio</a></li><li><a href="index.php?id=4" onfocus="blurLink(this);">Lösungen</a></li><li><a href="index.php?id=3" onfocus="blurLink(this);">Referenzen</a></li><li><a href="index.php?id=2" onfocus="blurLink(this);">Kontakt</a></li></ul></div> <div id="kuwlogo"><img src="fileadmin/images/kuw_logo.png" width="200" height="44" border="0" alt="" title="" /></div> </div> <!--TYPO3SEARCH_begin--> <div id="center"> <div id="contentright"><a id="c3"></a><div class="csi-textpic csi-left csi-above"><div class="csi-imagewrap"><img src="uploads/pics/Baukasten_008-02.jpg" width="775" height="130" border="0" alt="" title="" /></div><div class="csi-text"></div></div><div class="csi-clear"></div></div> </div> <div id="line"><img src="clear.gif" width="20" height="5" alt=""></div> <div id="bottom"> <div id="left"> <div id="pagecontent"> <div id="contentleft" style="padding-bottom: 200px;"><a id="c1"></a><div class="csi-textpic csi-left csi-above"><div class="csi-imagewrap"><img src="uploads/pics/freu01.jpg" width="180" height="120" border="0" alt="" title="" /></div><div class="csi-text"></div></div><div class="csi-clear"></div></div> <div id="content"> <a id="c2"></a> <!-- Header: [begin] --> <div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">Unsere Erfahrung ist Ihr Erfolg</h1><img src="clear.gif" width="1" height="5" border="0" class="spacer-gif" alt="" title="" /><br /></div> <!-- Header: [end] --> <!-- Text: [begin] -->
[...]
<!-- Text: [end] --> </div> </div> <!--TYPO3SEARCH_end--> </div> <div id="right"> <div id="subnavi"> <!-- Hier ist das Problem --> <ul> <li class="l1_first"><a href="index.php?id=10" onfocus="blurLink(this);">Beratung und Konzeptentwicklung</a></li> <li><a href="index.php?id=9" onfocus="blurLink(this);">Lernsoftware-Produktion</a></li> <li><a href="index.php?id=8" onfocus="blurLink(this);">Coaching und Evaluation</a></li> </ul> </div> </div> <div id="footer"> <div id="footerleft"><ul><li><a href="index.php?id=27" onfocus="blurLink(this);">Suche</a></li><li><a href="index.php?id=26" onfocus="blurLink(this);">Sitemap</a></li><li><a href="index.php?id=25" onfocus="blurLink(this);">Impressum</a></li></ul></div> </div> <div id="lernenlogo"><img src="fileadmin/images/learning_logo.png" width="139" height="73" border="0" alt="" title="" /></div> </div> </div> </body> </html>
Code:
/***** NAVIGATION RECHTS *********************/
#subnavi {
color: black;
}
/* level 1 */
#subnavi UL {
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #eeeeee;
xmargin-bottom: 100px;
}
#subnavi UL UL {
margin: 0px;
}
#subnavi LI {
padding-bottom: 5px;
padding-top: 5px;
border-top: 1px solid #eeeeee;
background-color: #d5d8df;
}
#subnavi LI.l1_first {
border-top: 0;
background-color: #d5d8df;
}
#subnavi LI.l1_act {
background-color: #e20916;
}
#subnavi LI.l1_act A {
color: White;
}
*html #subnavi LI.l1_sub {
padding-bottom: 0px;
}
#subnavi LI A {
padding-left: 20px;
display: block;
color: black;
text-decoration: none;
}
#subnavi LI A:hover {
color: #e20916;
}
#subnavi LI.l1_act A:hover {
color: black;
}
/* level 2*/
#subnavi UL UL {
border-bottom: 0;
border-left: 0;
}
#subnavi UL LI LI A {
color: black;
}
*html #subnavi UL LI LI {
padding-left: 15px;
background-color: White;
border-color: #d5d8df;
}
*html #subnavi LI.l1_sub LI.l2_act A {
color: #e20916;
}
*html #subnavi LI.l1_sub LI A {
color: black;
}
*html #subnavi LI.l1_sub LI A:hover {
color: #e20916;
}
html>body #subnavi LI.l2_act A {
color: #e20916;
}
html>body #subnavi UL UL LI {
padding-left: 15px;
background-color: White;
border-color: #d5d8df;
}
*html #subnavi LI.l1_sub LI.l2_first {
margin-top: 5px;
border-top: 1px solid White;
}