first-child für IE6 simulieren?

    Mir fällt da noch eine andere Frage ein, die mir auf der Zunge liegt *gg*.

    Ich habe eine Weile im Internet gestöbert, wie man dem IE6 nicht doch :first-child beibringen kann. Mittels Javascript scheint es auch zu funzen ...

    Habe folgendes Beispiel gefunden, dass mir ganz gut gefällt:
    Nachbildung der Pseudoklassen :first-child und :last-child beim Internet Explorer

    Ich würde allerdings ganz gerne eine Hintergrundgrafik und Padding vergeben mit diesem Javascript ... Meine Javascript-Kenntnisse sind aber nicht so gut, wo kann ich also schauen, wie das für meine Bedürfnisse richtig lautet?

    LG, hzirl

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Wenn ich das richtig verstehe, dann wird hier einer Eigenschaft als Wert ein JS-Ausdruck übergeben. Beispiel (von der oben verlinkten Seite):

    Code
    li {
     background: expression((this.parentNode.firstChild == this)? "yellow" :
        (this.parentNode.lastChild == this)? "cyan" : "white" );
  }

    Für padding etc dann so:

    Code
    li {
  background: expression( (this.parentNode.firstChild == this)? "[COLOR=Red]url(imagefirst.jpg)[/COLOR]" : "[COLOR=Blue]url(image.jpg)[/COLOR]" );
  padding: expression( (this.parentNode.firstChild == this)? "[COLOR=Red]10px[/COLOR]" : "[COLOR=Blue]20px[/COLOR]" );
}

    Ungetestet! ;-)

    (rot: Werte für first-child, blau: Werte für alle anderen Elemente)

    PS: Ich würde das ganze per Conditional Comments nur dem IE (< 7?) vorsetzen.

    Okay, ich habe gerade "background" ein wenig mit deinem Statement getestet, das funzt nicht besonders zuverlässig ... Hintergrundbilder njet, mit Farben funktioniert bei den verschachtelten Listen in der Sidebar nur lastChild verlässlich ...

    Offensichtlich doch nicht so das Wahre ... Ich fürchte, ich werde wohl die Überschrift zu den Listen entsprechend adaptieren müssen, dass es so aussieht, wie ich möchte ...

    Vielen Dank fürs Adaptieren!

    LG, hzirl

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden