✔ CSS & Firefox

[AlexD1979]

Hallo,
Ich habe einen Tooltipp, der aber in Mozilla Firefox nicht wirklich gut aussieht. Nur die erste Zeile des Tooltipps ist gelb hinterlegt, der Rest irgendwie transparent. Wer kann mir ein wenig Hilfe in Bezeg auf Konformität zu Firefox geben? Siehe Anlage Screenshot

if (!document.all){document.captureEvents(Event.MOUSEMOVE);}
function onShowTooltip(id) {
	if(document.all) {
		//mx = window.event.clientX+document.body.scrollLeft;
		//my = window.event.clientY+document.body.scrollTop;
		mx = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
		my = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
		
	}
	//else {
	//	mx=e.pageX;
	//	my=e.pageY;
	//}
	v=document.getElementById(id).value;
	tt=document.getElementById('tooltip');
	/*tt.style.left = mx;
	tt.style.top  = my+22;*/
	tt.style.left = (x + 20) + "px";
	tt.style.top 	= (y + 20) + "px";
	tt.innerHTML = v;
	tt.style.visibility = "visible";
}

 

[Maik]

Wenn du Probleme mit dem Script-Code hast, dann empfehle ich dir das Javascript - Forum ;-]

 

[Sven Mintel]

Vielleicht postest du auch mal den CSS-Teil, der den Tooltip betrifft

 

[AlexD1979]

Vielleicht postest du auch mal den CSS-Teil, der den Tooltip betrifft

Also der Tooltipp wird im Programm über ein Div aufgerufen:

<div id="#id#" name="#id#" class="#assignment_div#" <cfif #trim(td_title)# neq "">
onmouseover="onShowTooltip('#id#_hidden');"
onmouseout="onHideTooltip();"
onmousemove="onShowTooltip('#id#_hidden');"</cfif>>#value#</div>

Und hier der Teil aus der CSS Datei:

/*Tooltip*/
.tooltip {
		padding-left:4px;
		padding-right:4px;
		padding-top:2px;
		padding-bottom:2px;
		border-width: 1Px;
		border-style: solid;
		border-color: #000000;
		background-color:#FFFFE1;
		position:absolute;
		font-family:Tahoma, verdana, arial, helvetica;
		font-size:11Px;
		font-weight:normal;
		color:#000000;
		height:10px; 
		visibility:hidden;
		z-index:10;
}

Wenn du Probleme mit dem Script-Code hast, dann empfehle ich dir das Javascript - Forum ;-]

Ich denke eher das ist eine CSS Sache, die unterschiedlich interpretiert wird von CSS und IE aber ich finde den Unterschied leider nicht

 

[Gottox]

Es ist ein CSS-Problem...

Liegt am height:10px;

.tooltip {
padding-left:4px;
padding-right:4px;
padding-top:2px;
padding-bottom:2px;
border-width: 1Px;
border-style: solid;
border-color: #000000;
background-color:#FFFFE1;
position:absolute;
font-family:Tahoma, verdana, arial, helvetica;
font-size:11Px;
font-weight:normal;
color:#000000;
height:10px; 
visibility:hidden;
z-index:10;
}
*[class=tooltip]
{
height:auto; 
min-height:10px;
}

Keine Garantie für Richtigheit...

 

[AlexD1979]

Es ist ein CSS-Problem...

Liegt am height:10px;

.tooltip {
padding-left:4px;
padding-right:4px;
padding-top:2px;
padding-bottom:2px;
border-width: 1Px;
border-style: solid;
border-color: #000000;
background-color:#FFFFE1;
position:absolute;
font-family:Tahoma, verdana, arial, helvetica;
font-size:11Px;
font-weight:normal;
color:#000000;
height:10px; 
visibility:hidden;
z-index:10;
}
*[class=tooltip]
{
height:auto; 
min-height:10px;
}

Keine Garantie für Richtigheit...

Die Garantie hättest du ruhig geben können, denn es funktioniert *G*!
Vielen Dank. Da sieht man mal wieder das IE und FF unterschiedlich CSS interpretieren.

 

[Maik]

Die Garantie hättest du ruhig geben können, denn es funktioniert *G*!

Dann markiere das Thema bitte auch als erledigt.