mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 22:48 Benutzername: Passwort: Auto-Login

Thema: WebKit's CSS Sibling Selector Bug - behebbar? vom 15.12.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> WebKit's CSS Sibling Selector Bug - behebbar?
Autor Nachricht
Smooth-Graphics
Threadersteller

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 15.12.2010 12:05
Titel

WebKit's CSS Sibling Selector Bug - behebbar?

 Antworten mit Zitat Zum Seitenanfang
Vielleicht weiß der ein oder andere es ja bereits...
Chrome und (Safari [bedingt]) haben aus WebKit ein Problem mit dem Hover-Status und Sibling-Selektoren in CSS.

Konkret möchte ich bei einem Element (links) bei hover-/active-Status ein Element daneben (sibling) anzeigen lassen.
Dies funktioniert bestens in allen Browsern außer WebKit.

Gibt es da irgendeine Abhilfe, das Problem zu umgehen oder für WebKit zu beheben?

Grüße,
Smooth-Graphics
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mi 15.12.2010 12:18
Titel

Antworten mit Zitat Zum Seitenanfang
hm hatte das problem noch nicht. js ist keine alternative?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Smooth-Graphics
Threadersteller

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 15.12.2010 12:20
Titel

Antworten mit Zitat Zum Seitenanfang
choise hat geschrieben:
hm hatte das problem noch nicht. js ist keine alternative?

JS wäre eine Alternative. Hast du da für mich einen Anhaltspunkt?
Ich möchte nur den WebKit Bug irgendwie beheben, damit Nutzer von zumindest-meist-modernen Browsern (WebKit) nciht benachteiligt werden in der Darstellung.

// ich meine selbst der IE8 kriegt das schon hin... * grmbl *

Zuletzt bearbeitet von Smooth-Graphics am Mi 15.12.2010 12:21, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mi 15.12.2010 12:23
Titel

Antworten mit Zitat Zum Seitenanfang
okay, erstmal zur verständnis, wo genau ensteht der bug?

http://jsfiddle.net/x8NeW/

bei mir funktioniert das in webkit.


oder so?

http://jsfiddle.net/x8NeW/1/

geht auch =/

Zuletzt bearbeitet von choise am Mi 15.12.2010 12:29, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Smooth-Graphics
Threadersteller

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 15.12.2010 12:30
Titel

Antworten mit Zitat Zum Seitenanfang
Code:

<li class="ui-tabs-nav-item" id="nav-fragment-2"><a id="link2" href="#fragment-2">Link<div class="css-arrow-right"></div></a></li>

Code:

#teaser_links>ul>li>a{
   display: block;
}

#teaser .ui-tabs-hide{
   display:none;
}

#teaser .ui-tabs-panel .info{
   float: right;
}

.css-arrow-right{
   position: relative;
   float: right;
   display: none;
}

#teaser_links .ui-state-active>a>.css-arrow-right{
   display: block;
}

Im Safari geht dies sogar, da hat Apple scheinbar mal wieder rumgewerkelt ohne Code ans WebKit zurückzugeben.

Es sind dazu auch einige Bugs bereits gemeldet:
https://bugs.webkit.org/show_bug.cgi?id=26539
https://bugs.webkit.org/show_bug.cgi?id=32695
...



EDIT: www.marcofolio.net/css/webkit_bug_hover_and_sibling_selector.html
Das hier beschreibt es ganz gut.

Zuletzt bearbeitet von Smooth-Graphics am Mi 15.12.2010 12:33, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen css + selector verschachteln
Not-Selector mit mehreren IDs in CSS
mootools - selector ändern
Pseudo selector - ziel: alle p-tags mit einem iframe drinnen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB