zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Frage zu Hover und IE8

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.07.2010, 19:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.07.2010
Beiträge: 4
Borsti300378 befindet sich auf einem aufstrebenden Ast
Standard 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;}
Ach und Bitte über Fehler net schimpfen, kenne mich mit dem ganzen noch nicht so gut aus!!!
Danke
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.07.2010, 21:26
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.867
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Lade das mal hoch und poste den Link.
__________________
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.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.07.2010, 21:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.07.2010
Beiträge: 4
Borsti300378 befindet sich auf einem aufstrebenden Ast
Standard

Hi,
habe ich schon hochgeladen.
Hier der Link

Geändert von Borsti300378 (27.07.2010 um 22:13 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 27.07.2010, 21:40
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Borsti300378 Beitrag anzeigen
#galerie img
{
width: 200px;
height: 163px;
display: table-header-group;
padding: 15px;
border: 1px solid #8B0000;
}
Was ist der Zweck der rot markierten Angabe?
Mit Zitat antworten
  #5 (permalink)  
Alt 27.07.2010, 21:44
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.867
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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 21:47 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 27.07.2010, 21:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.07.2010
Beiträge: 4
Borsti300378 befindet sich auf einem aufstrebenden Ast
Standard

@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.
Mit Zitat antworten
  #7 (permalink)  
Alt 27.07.2010, 22:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Borsti300378 Beitrag anzeigen
@fricca:
das kann ich dir nicht sagen, der code war so wo ich im im netz gefunden habe.
Dann frag doch denjenigen, bei dem du den Code "gefunden" hast, was er sich dabei gedacht hat. Sinn ergibt es nicht -- und ist für die Fehldarstellung im IE8 verantwortlich. Lösch die Zeile.

Dass du lernen willst, ist gut: Einstiegslektüre. Dieses Forum kann dir nicht die Grundlagen beibringen. Das musst du selbst tun.

edit:
Zitat:
Zitat von heiko_rs
Erfreulich, dass Du manchmal doch mehr Geduld hast als ich
Geduld?! Was ist denn das?
Mit Zitat antworten
  #8 (permalink)  
Alt 27.07.2010, 22:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.07.2010
Beiträge: 4
Borsti300378 befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für deine Hilfe. Es Funktioniert jetzt wunderbar.

Der wo ich diesen Code her habe, konnte oder wollte mir nicht helfen.

Danke für den Link, werde es mir zu Herzen nehmen.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 19:51
Problem mit CSS Menü SMundt CSS 9 07.01.2009 19:12
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 12:04
Darstellungsproblem CSS Navigation im IE7 pcklinik CSS 7 09.09.2007 17:25
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 14:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:19 Uhr.