javascript stör stylehämtning från stylesheet i ie?

ricketickMedlem sedan apr. 200323 inlägg

3 feb. 2005 09:46#1

hej!

Jag har ett litet konstigt problem. Menytext a och b formateras inte efter mitt stylesheet i ie när jag skriver så här.


<body onload="text('Meny')">

<div id="container">

	<div id="head">
	
		<div id="menytexta">
   			<script language="JavaScript">
				function text(skrivut)
				{
				document.getElementById("menytexta").innerHTML=skrivut;
				}
		  	</script>
		</div>
	
		<div id="menytextb">
  			Klicka p&aring; l&auml;nkarna till h&ouml;ger
		</div>

Html dokumentet är länkat till en stylesheet där menytexta och b ser ut så här

#mentexta{
position:absolute; 
left:470px; 
top:80px; 
width:161px; 
height:48px; 
text-align:center; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:17px; font-weight:bold;"
color:#000000; 
z-index:1;
}

#menytextb{
position:absolute; 
text-align:center; 
left:462px; 
top:108px; 
width:179px; 
height:16px; 
z-index:2; 
font-size:10px;
}

Problemet är att nu hamnar menytexta och b i det vänstra övre hörnet och påverkas inte av stylesheet i Ie! I mozilla funkar det alldeles utmärkt.
Ifall jag istället skriver så här och lägger in stylen i htmldokumentet funkar det som det ska i båda.

style="position:absolute; left:470px; top:80px; width:161px; height:48px; z-index:1; text-align:center; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold;"

Jag har inte glömt att länka till mitt stylesheet och alla andra divar och inställningar fungerar förutom dessa två.
Det känns som att javascriptet på något sätt stör uthämtningen från mitt stylesheet, men varför?

Just det, om någon undrar är javascriptet till för att skriva ut olika text beroende på vilken del av den mappade bilden muspekaren är över.

Hjälp?

nitro2k01Medlem sedan aug. 20039 342 inlägg

3 feb. 2005 09:49#2

Jag vet inte om du har märkt det, men det saknas ett y i din css. Pröva att ändra det och se om det löser sig:

 #men[b]y[/b]texta{
position:absolute; 
left:470px; 
top:80px; 
width:161px; 
height:48px; 
text-align:center; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:17px; font-weight:bold;"
color:#000000; 
z-index:1;
}