(CSS) Kleines CSS-Problem mit Mozilla

[e7]

Hi,

http://insider.thundercloud.info/other/strt.htm

allmählich vermute ich hier einen Bug in Mozilla, da sogar der IE das richtig anzeigt...

Und zwar geht es um den Link zur Startseite - der wird bei mir im Gegensatz zu allen anderen Links NICHT mit display:block angezeigt, obwohl der Link die gleiche class-Eigenschaft hat wie alle anderen in der Navigation auch... Der IE macht's richtig...

Ist das ein Bug in Mozilla? Oder hab ich da einen Fehler? Wäre nett wenn ihr euch das mal anschauen könntet...

E7

Mein Mozilla: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8a3) Gecko/20040808

[TomIRL]

Hi,

http://insider.thundercloud.info/other/strt.htm

allmählich vermute ich hier einen Bug in Mozilla, da sogar der IE das richtig anzeigt...

Und zwar geht es um den Link zur Startseite - der wird bei mir im Gegensatz zu allen anderen Links NICHT mit display:block angezeigt, obwohl der Link die gleiche class-Eigenschaft hat wie alle anderen in der Navigation auch... Der IE macht's richtig...

Hm..
Du hast ein Problem bei llaen links die schon mal besucht wurden...
da ist was bei den visited Eigenschaft nicht o.k. würde ich sagen, den bei mir rutsch alles hoch..
ToMIRL

[Cheatah]

Hi,

da ist was bei den visited Eigenschaft nicht o.k. würde ich sagen,

exakt. Hintergrund: Die Pseudoklassen :link und :visited schließen sich gegenseitig aus. Kein Element kann beides gleichzeitig sein, entsprechend können die :link-Deklarationen nicht wirken, wenn :visited gilt.

Cheatah

[Marc]

Moin moin> Hi,

da ist was bei den visited Eigenschaft nicht o.k. würde ich sagen,

exakt. Hintergrund: Die Pseudoklassen :link und :visited schließen sich gegenseitig aus. Kein Element kann beides gleichzeitig sein, entsprechend können die :link-Deklarationen nicht wirken, wenn :visited gilt.

Das hängt davon ab, in welcher Reihenfolge man die Pseudoklassen in der CSS-Datei notiert hat - es könnte auch genau andersrum sein...

Gruß,
Marc.

[Axel Richter]

Hallo,

exakt. Hintergrund: Die Pseudoklassen :link und :visited schließen sich gegenseitig aus. Kein Element kann beides gleichzeitig sein, entsprechend können die :link-Deklarationen nicht wirken, wenn :visited gilt.

Das hängt davon ab, in welcher Reihenfolge man die Pseudoklassen in der CSS-Datei notiert hat - es könnte auch genau andersrum sein...

Nein. Der Selector a:link matcht gar nicht, wenn es sich um einen besuchten Link handelt, genau wie a:visited nicht matcht (zutrifft), wenn der Link noch nicht besucht wurde.
http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes

The :link pseudo-class applies for links that have not yet been visited.
The :visited pseudo-class applies once the link has been visited by the user.

Die Reihenfolge oder die Spezifität hat damit nichts zu tun. Die Reihenfolge ist wichtig bei z.B. a:hover und a:visited, weil diese _gleichzeitig_ matchen können (Ein Link kann visited _und_ vom Mauspointer berührt sein.) und dieselbe Spezifität haben.
http://www.w3.org/TR/CSS21/cascade.html#cascading-order

viele Grüße

Axel

[Marc]

Moin moin

(Fürs Archiv:)
Du hast natürlich recht. Habe zu schnell gelesen und voreilig geantwortet: ich meinte natürlich die Pseudoklassen :focus, :active und :visited...

Danke fürs Aufpassen!

Gruß,
Marc.

[Marc]

Moin moin

Ist das ein Bug in Mozilla? Oder hab ich da einen Fehler? Wäre nett wenn ihr euch das mal anschauen könntet...

Bei mir scheint es so zu sein, wie du willst. Man kann den Links auf localhost nur nciht folgen :-)

Gruß,
Marc.

[e7]

Hi,

Bei mir scheint es so zu sein, wie du willst. Man kann den Links auf localhost nur nciht folgen :-)

Muss man auch nicht - auf allen Seiten besteht das gleiche Problem

E7

[Ingo Turski]

Hi,

Und zwar geht es um den Link zur Startseite - der wird bei mir im Gegensatz zu allen anderen Links NICHT mit display:block angezeigt,

nebenbei bemerkt: bei mir werden im Mozilla alle Links fast nicht angezeigt. Kein Wunder, wenn Du schwarze Schrift definierst aber meinen dunklen Hintergrund bestehen läßt.

freundliche Grüße
Ingo

[e7]

Hi,

Und zwar geht es um den Link zur Startseite - der wird bei mir im Gegensatz zu allen anderen Links NICHT mit display:block angezeigt,
nebenbei bemerkt: bei mir werden im Mozilla alle Links fast nicht angezeigt. Kein Wunder, wenn Du schwarze Schrift definierst aber meinen dunklen Hintergrund bestehen läßt.

Das liegt an einem Bug in Mozilla, wenn man die Seite speichert, wird das Hintergrundbild nicht mit gesichert, sofern es per CSS eingebunden ist...

E7

[Cheatah]

Hi,

nebenbei bemerkt: bei mir werden im Mozilla alle Links fast nicht angezeigt. Kein Wunder, wenn Du schwarze Schrift definierst aber meinen dunklen Hintergrund bestehen läßt.
Das liegt an einem Bug in Mozilla,

nein, das ist ein Bug in Deiner Site. Du setzt Text- und Hintergrundfarbe nicht paarweise, und Du verlässt Dich darauf, dass Bilder geladen werden. Vom Browser ist das Problem nicht abhängig, von dessen Einstellungen schon - und die hast Du in jedem Fall zu beachten.

Cheatah

[e7]

Hi,

nein, das ist ein Bug in Deiner Site. Du setzt Text- und Hintergrundfarbe nicht paarweise, und Du verlässt Dich darauf, dass Bilder geladen werden. Vom Browser ist das Problem nicht abhängig, von dessen Einstellungen schon - und die hast Du in jedem Fall zu beachten.

Ok, dann leg ich die Farbe mal als #FFFFFF fest *notier*

E7

[willie]

hallö,

http://insider.thundercloud.info/other/strt.htm

allmählich vermute ich hier einen Bug in Mozilla, da sogar der IE das richtig anzeigt...

Und zwar geht es um den Link zur Startseite - der wird bei mir im Gegensatz zu allen anderen Links NICHT mit display:block angezeigt, obwohl der Link die gleiche class-Eigenschaft hat wie alle anderen in der Navigation auch... Der IE macht's richtig...

ich muss fehlende problemwahrnehmung vermelden. falls ich nihct gerade auf meinen augen sitze (was mir manchmal passiert ;-), sieht das im
   Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7) Gecko/20040514
genauso aus wie im 7.0-er Opera und 6-er M$IE, der link zur Startseite bleibt wie alle anderen.

zu den CSS-klassen denke ich mir - meinen vorrednern folgend -, dass a.navilink:link nicht (zb.) für :visted greift. du könntest die "zu vererbenden" eigenschaften allgemein für a.navilink definieren.

a.navilink {
 padding-right: 4px;
 display: block;
 text-decoration: none;
 text-align: right;
}

grüße aus Leipzig
willie

[e7]

Hi,

<img src="http://insider.thundercloud.info/other/scr1.jpg" border="0" alt="">

ich denke fast dass das Problem hier spezifisch für den Nightly-Build ist den ich hab... Auf dem Bild ist das Problem zu sehen

E7

[Axel Richter]

Hallo,

ich denke fast dass das Problem hier spezifisch für den Nightly-Build ist den ich hab... Auf dem Bild ist das Problem zu sehen

Hast Du die Postings nicht gelesen? Der erste Link auf dem Bild war schon mal bsucht. In Deinem CSS steht:

a.navilink:link {
 color: #364156;
 padding-right: 4px;
 display: block;
 text-decoration: none;
 text-align: right;
}

a.navilink:visited {
 color: #364156;
 text-decoration: none;
}

Ein a:visited ist _nicht_ mehr a:link. Demzufolge ist es auch kein Blockelement mehr.

a.navilink {
 padding-right: 4px;
 display: block;
 text-decoration: none;
}

a.navilink:link {
 color: #364156;
 text-decoration: none;
}

a.navilink:visited {
 color: #364156;
 text-decoration: none;
}

sollte helfen.

viele Grüße

Axel

[e7]

Hi,

Ein a:visited ist _nicht_ mehr a:link. Demzufolge ist es auch kein Blockelement mehr.

ach so ist das... Hab ich irgendwie nicht gleich kapiert... Naja, danke auf jeden Fall, für dich und für alle die mir auf der Suche geholfen haben...

E7