zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden span-infobox wird in ie6 nicht angezeigt?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.07.2008, 23:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.11.2007
Beiträge: 9
locita befindet sich auf einem aufstrebenden Ast
Standard span-infobox wird in ie6 nicht angezeigt?

hallo, ich bin grad am verzweifeln...
habe kleine infobuttons erzeugt, die beim überfahren mit der maus sowohl ihr aussehen ändern, als auch ein extra-positioniertes img bzw. eine infobox einblenden. soweit kein problem. nur der ie6 zeigt mir keine img bzw. die infobox? dabei hab ich das schon mal auf einer anderen seite so ähnlich angewandt und da gab´s kein problem? wo hab ich den da einen fehler gemacht?? bitte helft mir.

zur veranschaulichung hab ich eine test-seite online gestellt:
THP-Architekten Realisierungen - GKK Wartebereich

und hier das css-schnipsel:
Code:
@charset "utf-8";
* { padding: 0; margin: 0; }
a.pic1 {display: block; background-image: url(../img/1gr.gif); width:19px; height:18px;}
a.pic2 {display: block; background-image: url(../img/2gr.gif); width:19px; height:18px;}
a.pic3 {display: block; background-image: url(../img/3gr.gif); width:19px; height:18px; }
a.info {	display: block; background-image: url(../img/i_r.gif); width:19px; height:18px; }

a.pic1:hover {	background-image: url(../img/1sc.gif);}
a.pic2:hover {	background-image: url(../img/2sc.gif);}
a.pic3:hover {	background-image: url(../img/3sc.gif);}
a.info:hover {	background-image: url(../img/i_sc.gif);}

a.pic1 span, a.pic2 span, a.pic3 span {	visibility: hidden; position: absolute; /*width: 600px; height: 800px;*/ bottom: -350px; left: -530px; background: white;}
a.info span {
	visibility: hidden;
	position: absolute;
	width: 500px;
	top: 10px;
	left: -999xp; /*margin-top: 5em;*/
	border: 1px solid #8f8f8f;
	text-decoration: none;
	text-align: justify;
	white-space: normal;
	opacity: 0.7;
	filter: alpha(opacity=70); /*IE*/
	zoom: 1;
	-moz-opacity: 0.7;
	z-index: 110;
}
a.pic1:hover span, a.pic2:hover span, a.pic3:hover span {
	visibility: visible;
	z-index: 100;
}
a.info:hover span {
	visibility:visible;
	/*position: absolute;*/
	display: block;
	width: 500px; 
		top: 10px;
	left: -620px;
   	color: black; 
	background:white;
		border: 1px solid #8f8f8f;
		padding: 2px;
		text-align: justify;
		white-space: normal;
			opacity:0.7; 
      filter:alpha(opacity=70); /*IE*/
		zoom: 1;
		-moz-opacity: 0.7; 
		z-index: 110;
}
a.info span p{
	text-align: justify;
	white-space: normal;
}

a.pic1:hover span img, a.pic2:hover span img, a.pic3:hover span img {
	position: relative;
	z-index: 100;
}

a.pic1:active span, a.pic2:active span, a.pic3:active span,
a.pic1:focus span, a.pic2:focus span, a.pic3:focus span{
	visibility: visible;  z-index: 10;
}
a.pic1:active span img, a.pic2:active span img, a.pic3:active span img,
a.pic1:focus span img, a.pic2:focus span img, a.pic3:focus span img {
	position: relative; z-index: 10;
}

#projpic {

	width:500px;
	margin-left:1px;
	padding-bottom: 2px;
	height:20px;
	overflow: hidden;
	color: #366;
	background: white;
}
#projpic ul {
	margin:0;
	padding:0;
	list-style: none;
	white-space:nowrap;
	display:table-row;
}
#projpic ul li {
	display:table-cell;
	padding:0 2px;
	background: white;
	vertical-align: top;

}
#projpic ul li p {
		text-align: justify;
}

#projpic ul li img {
	border: 1px solid #555;
}
und die html-schnipsel so...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/screen2.css" rel="stylesheet" type="text/css" media="screen" /></head>
<body>
<div id="projtxt">
        <div id="projpic">
        <ul>
        <li><a class="pic1" href="#"><span><img src="img/gkk/gkk1_gr.jpg" alt="Innenansicht Gebietskrankenkasse Wartebereich" title="GKK Wartebereich" /></span></a></li>        
        <li><a class="pic2" href="#"><span><img src="img/gkk/gkk2_gr.jpg" alt="Innenansicht Gebietskrankenkasse Wartebereich" title="GKK Wartebereich" /></span></a></li>
        <li><a class="pic3" href="#"><span><img src="img/gkk/gkk3_gr.jpg" alt="Innenansicht Gebietskrankenkasse Wartebereich" title="GKK Wartebereich" /></span></a></li>
        <li><a class="info" href="#"><span><p>Lorem Ipsum</p></span></a></li>

</ul>
</div>
 			<p class="right">Noch mehr Lorem Ipsum</p>        
        
        
        </div><!-- projtxt ende -->      
</body>
ich denke der fehler muss schon hier irgendwo passiert sein.
hab schon mittlerweile zig varianten durch z.b. die klassen den li zugeordnet. oder statt mit visibility: mit display: gearbeitet. macht keinen unterschied. firefox und ie7 haben kein problem. bloss der ie 6 schluckt mir meine bilder....
was mach ich falsch?
hoffe ihr könnt mir helfen... danke...
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.07.2008, 23:05
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Klingt nach diesen Problem: CSS2 Tests - Pure CSS Popups Bug Note
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.07.2008, 23:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.11.2007
Beiträge: 9
locita befindet sich auf einem aufstrebenden Ast
Standard

wow, danke für deine schnelle antwort...
ich hab das mal für die img´s angewandt, aber es hat leider nicht den gewünschten erfolg gebracht. die info-box hätte ohnehin der beschriebenen lösung entsprochen... und die wird ja auch nicht angezeigt....

leider...
Mit Zitat antworten
  #4 (permalink)  
Alt 12.07.2008, 23:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.11.2007
Beiträge: 9
locita befindet sich auf einem aufstrebenden Ast
Standard

oh, halt entschuldige.... ich hab das jetzt mal auf alle :hover angewandt (nicht nur die spans) und jetzt werden die bilder angezeigt... zwar an komplett falsche stelle, aber da kann ich mich ja noch weiter spielen...

danke!
Mit Zitat antworten
  #5 (permalink)  
Alt 12.07.2008, 23:24
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

<offtopic>
Gruß nach Graz! Bin aus Leibnitz/Ehrenhausen
</offtopic>
Mit Zitat antworten
  #6 (permalink)  
Alt 12.07.2008, 23:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.11.2007
Beiträge: 9
locita befindet sich auf einem aufstrebenden Ast
Standard

<offtopic>
ja, eigentlich bin ich nicht mehr in graz - dafür aus graz... und schicke gerne grüsse in die schöne südsteiermark
</offtopic>
Mit Zitat antworten
  #7 (permalink)  
Alt 12.07.2008, 23:48
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Nun fühle ich mich nicht mehr so einsam hier im Forum, in der Usermap (Menü oben) bin ich hier quasi in der Wüste Gobi - gleich hinter dem Ural.
Herzlich willkommen an (im) Bo(a)rd, hoffe man hört des öfteren von Dir, gerne auch mal im Offtopic

Schönen Abend noch!
Mit Zitat antworten
  #8 (permalink)  
Alt 12.07.2008, 23:53
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Locita, schau dir deinen Entwurf auch unter Opera an.
Unter Opera 9.5x werden
1. vertikale und auch horizontale Scrollleisten ständig eingeblendet
2. flattert die Seite beim Wechsel von Navigationspunkt "3" auf "i".
Mit Zitat antworten
  #9 (permalink)  
Alt 13.07.2008, 00:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.11.2007
Beiträge: 9
locita befindet sich auf einem aufstrebenden Ast
Standard

@ EvT
danke für den hinweis. ich verwende opera 9.25 und mir ist das noch nicht aufgefallen...
scroll-leisten: meinst du am bildrand?
liegt vielleicht an der auflösung. ich hab eine zugegeben ungeschickte format dawischt (das liegt daran, dass ich vom eigentlichen entwurf durch herum spielen mit css weit entfernt bin...) das werde ich noch lösen...
anderes format, overflow: ....

das flattern kann ich nicht nachvollziehen. was könnte man da dagegen tun?


@ parcelsus
hab mich auch auf der coolen karte eingetragen. sorry, du bleibst weiterhin alleine da unten...
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 13.07.2008, 17:33
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Allein auf weiter Flur ...
Mit Zitat antworten
Sponsored Links
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
Navigation verschwindet im IE6 emti CSS 4 12.05.2009 16:01
ie6 hintergrund wird nicht angezeigt tanaka CSS 2 01.08.2008 15:35
IE6 Problem, Rechte spalte (content) wird zu weit rechts angezeigt... kux CSS 20 02.06.2008 13:30
Problem ie6 content wird links unter menu angezeigt drzo CSS 0 13.02.2008 21:35
Menü wird im IE6 nicht angezeigt Knarzer77 CSS 11 14.03.2007 14:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:55 Uhr.