IE6, wie definiere ich eine Klasse?

mephisto2k

Hallo,
ich habe folgenden Code

html

Code

<ul>
    <li><a href="#" accesskey="s">.home</a></li>
    <li><a href="#" accesskey="p">.fotografie</a></li>    
            <li class="navi_shift"><a href="#" accesskey="f" id="current">.festival</a></li>
            <li class="navi_shift"><a href="#" accesskey="s">.shooting</a></li>
            <li class="navi_shift"><a href="#" accesskey="a">.foto.art</a></li>                    
    <li><a href="#" accesskey="l">.links</a></li>
    <li><a href="#" accesskey="k">.kontakt</a></li>
    <li><a href="#" accesskey="i">.impressum</a></li>
</ul>

css

Code

#navi ul  {
    padding: 40px 5px 20px 20px; /*top right bottom left*/
    /*z-index: 1;*/
}


.navi_shift {
    padding: 0px 10px 0px 5px; /*top right bottom left*/
    margin-left: 20px;
}

Mein Problem oder meine Frage bezieht sich nun auf den "navi_shift" Teil. Der Firefox rückt die definierten Klassen korrekt ein. Nicht jedoch der IE6.
Wo liegt hier mein Fehler? Oder was muss ich machen damit der IE6 die definierten Klassen einrückt?

MfG
mephisto2k

Dodo

Hast du nen Link?

mephisto2k

Klar dunkelblicke.de

mephisto2k

Interessant - offline funktioniert es.
Online offenbar nicht.

Hatte vorher die Liste anders gestaltet

Code

<ul>
    <li><a href="#" accesskey="s">.home</a></li>
    <li><a href="#" accesskey="p">.fotografie</a></li>    
         <li>
            <ul id="navi_shift">
            <li class="navi_shift"><a href="#" accesskey="f" id="current">.festival</a></li>
            <li class="navi_shift"><a href="#" accesskey="s">.shooting</a></li>
            <li class="navi_shift"><a href="#" accesskey="a">.foto.art</a></li>
           </ul> 
         </li>         
    <li><a href="#" accesskey="l">.links</a></li>
    <li><a href="#" accesskey="k">.kontakt</a></li>
    <li><a href="#" accesskey="i">.impressum</a></li>
</ul>

Alles anzeigen

komisch

Dodo

Also mein Opera rückt es auch nicht ein.

Ich finde jedoch in deinem Quelltext nur:

Code

#navi_shift {
	margin-left: 20px;
}

Und nichts mit .navi_shift

mephisto2k

DANKE

kein Wunder das das online nicht ging. Wenn ich mit der alten CSS-Datei arbeite, kann das auch nicht funktionieren.

Welche Methode ist denn üblicher oder besser geeignet, die aus meinem ersten Beitrag oder die aus Nr. 4???

MfG
mephisto2k

Dodo

Da es um die semantische Korrektheit in HTML geht, die zweite.

mephisto2k

Dachte ich mir schon fast. Gut habe jetzt alles angepasst.

Vielen Dank.

MfG
mephisto2k

threadi

Kleiner Hinweis noch. Wenn Du ein Menü definierst und .festival, .shooting etc. Untermenüpunkte von .fotografie sein sollen, dann solltest Du es auch in diesem Zusammenhang definieren. Beispiel:

Code

<ul>
    <li><a href="#" accesskey="s">.home</a></li>
    <li><a href="#" accesskey="p">.fotografie</a>
          <ul>
            <li><a href="#" accesskey="f" id="current">.festival</a></li>
            <li><a href="#" accesskey="s">.shooting</a></li>
            <li><a href="#" accesskey="a">.foto.art</a></li>
           </ul> 
         </li>         
    <li><a href="#" accesskey="l">.links</a></li>
    <li><a href="#" accesskey="k">.kontakt</a></li>
    <li><a href="#" accesskey="i">.impressum</a></li>
</ul>

Alles anzeigen

Vorteil: du kannst direkt das Untermenü durch

Code

ul ul

oder

Code

li li

gestalten statt mühsam extra CSS-Klassen zu erstellen. Das ist semantisch der bessere Weg und erleichtert auch die Gestaltung.

mephisto2k

Okay jetzt bin ich verwirrt. Beide Methoden funktionieren, das ist ja schon mal gut aber was ist jetzt der semantisch bessere Weg.

Die Verwendung von Klassen oder die von verschachtelten Tabellen?

MfG
mephisto2k

threadi

Wie gesagt der den ich beschrieben habe. Denn dadurch wird klar, dass die Untermenüpunkte zum Obermenüpunkt zugehörig sind. Suchmaschinen erkennen dies und sehen daran wie die Seite thematisch untergliedert ist. Würde man nur CSS-Klassen für diese Gestaltung verwenden sieht es für Suchmaschinen so aus als wäre alles auf einer Ebene und nicht untergliedert.

Tags