|
|||
Frage zu Hover und IE8
Hi,
ich habe folgendes Problem. Ich habe eine Bildergalerie mit Mouse Hover effekt erstellt. Diese Funktioniert im FF und IE7 auch wunderbar. Jedoch wird im IE8 kein Bild klein oder groß angezeigt. Wenn ich den IE8 auf Kompatibilitätsansicht klicke geht es auch wunderbar. Woran kann das liegen? Hier die CSS und Html auszüge: HTML-Code:
<td height="142" colspan="3"> <div id="galerie"> <ul> <li><a href="#"><img src="werbung_meindl/getraenke/bier/schneider_weisse.jpg" alt="" /><img src="werbung_meindl/getraenke/bier/schneider_weisse.jpg" alt="" class="gross" /></a></li> <li><a href="#"><img src="werbung_meindl/getraenke/wasser/krumbach_wasser.jpg" alt="" /><img src="werbung_meindl/getraenke/wasser/krumbach_wasser.jpg" alt="" class="gross" /></a></li> <li><a href="#"><img src="werbung_meindl/getraenke/saft/schweppes_verschieden.jpg" alt="" /><img src="werbung_meindl/getraenke/saft/schweppes_verschieden.jpg" alt="" class="gross" /></a></li> </ul> </div> </td> Code:
#galerie li { list-style-type: none; float: left; margin: 0 10px 10px 0; text-align: center; font-weight: bold; position: relative; } #galerie img { width: 200px; height: 163px; display: table-header-group; padding: 15px; border: 1px solid #8B0000; } #galerie a .gross { display: none; } #galerie a:hover .gross { width: 400px; height: 322px; display: block; position: absolute; top: -50px; left: -50px; z-index: 1; background: #fff; } /*--Spezialangaben für den Internet Explorer 7--*/ *+html #galerie a:hover { z-index: 1;} *+html #galerie li{position: static;} *+html #galerie a {position: relative;} /*--Spezialangaben für den Internet Explorer 6--*/ *html #galerie a:hover {display: block; z-index: 1;} *html #galerie li{position: static;} *html #galerie a {position: relative;} Danke |
Sponsored Links |
Sponsored Links |
|
|||
Was ist der Zweck der rot markierten Angabe?
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
||||
Bei 19 HTML-Fehlern, die z.T. auch die Galerie betreffen, solltest Du erstmal validieren, bevor man auf Fehlersuche geht.
Edit: Gute Frage Erfreulich, dass Du manchmal doch mehr Geduld hast als ich
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) Geändert von heiko_rs (27.07.2010 um 22:47 Uhr) |
|
|||
@fricca:
das kann ich dir nicht sagen, der code war so wo ich im im netz gefunden habe. @heiko_rs: ich kann leider nichts mit diesen Fehlern anfangen, deswegen such ich ja hilfe. ich möchte es ja lernen und verstehen. |
|
|||
Zitat:
Dass du lernen willst, ist gut: Einstiegslektüre. Dieses Forum kann dir nicht die Grundlagen beibringen. Das musst du selbst tun. edit: Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hilfe css Menu center | xXcyberXx | CSS | 5 | 28.11.2010 20:51 |
Problem mit CSS Menü | SMundt | CSS | 9 | 07.01.2009 20:12 |
CSS Navigation - Problem mit IE6 | pcklinik | CSS | 4 | 18.09.2007 13:04 |
Darstellungsproblem CSS Navigation im IE7 | pcklinik | CSS | 7 | 09.09.2007 18:25 |
CSS Einsteiger bittet um Hilfe | pcklinik | CSS | 0 | 06.09.2007 15:40 |