CSS - Rollover Effekte mit Box

webmaster bts

Hallo,

ich bin Webmaster von Bodensee Portal, Bodensee Top Sites, usw.

Kann mir jemand sagen, weshalb die CSS-Boxen mit Rollover-Effekten auf den folgenden Seiten mit Firefox nicht, wohl aber mit MSIE6 in der richtigen Größe erscheinen?

http://www.bodensee-top-sites.de
http://www.bodensee-top-sites.de/portal.html
http://www.bodensee-top-sites.de/verzeichnis.html

Thanx

Dr. Evil

Wenn du a.bar-ba noch display:block zuweist, geht es. Das liegt daran, dass laut Spezifikation nur Blockelemente eine feste Größe haben können, dem IE das aber egal ist.

webmaster bts

Herzlichen Dank.

Ist bereits geändert.

Es läuft!

(Die restlichen Codes für die anderen Block-Rollovers müssen wir natürlich auch noch ändern.)

webmaster bts

(1)

Was macht man wenn die Rollover-Boxen nebeneinander liegen?

Durch den Block-Befehl erscheinen Sie im FF dann übereinander statt nebeneinander.

Beispiel: http://www.bodensee-top-sites.de/verzeichnis.html

(2)

Wieso ändert sich bei FF die Rollover-Farbe bei der folgenden Seite erst, wenn der Link "visited" ist?

http://www.bodensee-top-sites.de/portal.html

Im MSIE6 ändert sich die Farbe bei jeder Art von Rollover.

Auch der Text steht beim FF vertikal nicht in der Mitte, aber beim MSIE6.

Dr. Evil

Zitat von webmaster bts

(1)
Was macht man wenn die Rollover-Boxen nebeneinander liegen?
Durch den Block-Befehl erscheinen Sie im FF dann übereinander statt nebeneinander.
Beispiel: http://www.bodensee-top-sites.de/verzeichnis.html

Code

a.bar-grey2:link {
	color: #000000;
	text-decoration: none;
	background-color: #999999;
	width: 100px;
	text-align: center;
	font-size: 16px;




}

Alles anzeigen

änderst du in

Code

a.bar-grey2:link {
	color: #000000;
	text-decoration: none;
	background-color: #999999;
	width: 100px;
	text-align: center;
	font-size: 16px;
        display: block;
        float: left;
}

und

Code

a.bar-grey2 {
	color: #000000;
	text-decoration: none;
	background-color: #999999;
	text-align: center;
	width: 100px;
	font-size: 16px;


}

änderst du in

Code

a.bar-grey2 {
	color: #000000;
	text-decoration: none;
	background-color: #999999;
	text-align: center;
	width: 100px;
	font-size: 16px;
        float: left;
        display: block;
}

und dann muss noch das hinzugefügt werden:

Code

br + a.bar-grey2:link
{
        clear: both;
}

wobei ich mir vor allem beim letzten nicht sicher bin, ob der IE das kann.

Dr. Evil

Zitat von webmaster bts

Wieso ändert sich bei FF die Rollover-Farbe bei der folgenden Seite erst, wenn der Link "visited" ist?
http://www.bodensee-top-sites.de/portal.html
Im MSIE6 ändert sich die Farbe bei jeder Art von Rollover.
Auch der Text steht beim FF vertikal nicht in der Mitte, aber beim MSIE6.

Das erste kann ich nicht reproduzieren, das zweite nur, bis ich für .menu-green-portal wieder display: block hinzufüge.

webmaster bts

Zitat von Dr. Evil
und dann muss noch das hinzugefügt werden:
Code
br + a.bar-grey2:link
{
        clear: both;
}
wobei ich mir vor allem beim letzten nicht sicher bin, ob der IE das kann.

Der FF braucht anscheinend den Clear-Zusatz nicht. Der IE macht mit und ohne Clear-Zusatz Mist: Die letzte Box rutscht in die nächste Zeile:

http://www.bodensee-top-sites.de/verzeichnis.html

Ich musste leider das Float-Left und Clear-Both nun wieder rückgängig machen, nicht dass es wegen einer fehlerhaften Darstellung im IE bei uns Ärger gibt.