[CSS] IE6 a:hover

0

Witam

Mam problem z taką deklaracją w IE6:

	#header a:hover {
		border-top: 3px solid #39c;
	}

Z tego co mi google powiedziało nic u mnie się nie sprawdziło, wszędzie działa (tzn: ff, opera, safari), a w ie dalej dupa.

0

Problem leży nie w samym hoverze, tylko we własności border (zauważ, że np. kolor czy inna własność umieszczona w tym samym bloku deklaracji powinna Ci zadziałać). Rozwiązanie jest na szczęście proste: dodaj do tego linka position: relative. Powinno pomóc.

0

Dzięki!

Rozumiem, że problem leżał w innym sposobie wyliczanie rozmiarów elementów w IE, o to chodzi?

0
GhostDog napisał(a)

Rozumiem, że problem leżał w innym sposobie wyliczanie rozmiarów elementów w IE, o to chodzi?

Nn-nie... nie sądzę... Masz na myśli popsuty model pudełkowy? To już nawet w IE6 działało w trybie zgodności ze standardami.

To raczej oddzielny problem, po prostu bałagan z borderami. Fixem na to jest dodanie position: relative albo wymuszenie hasLayout poprzez np. zoom: 1.

Piszą o tym np. na PIE, o tutaj: http://www.positioniseverything.net/explorer/border-chaos.html, choć omawiają bardziej skomplikowany przykład. Wydaje mi się jednak, że to podobny problem (szczególnie że fix działa).

1 użytkowników online, w tym zalogowanych: 0, gości: 1