CSS Infobox Problem

JustAnotherNoob -_- · 24.04.2005

Hallo irgendwie habe ich gerade ein Denkfehler oder der IE ist einfach zu blöd. Ich habe mal testweise eine "Infobox" erstellt, klappt auch super... mit Firefox.

Allerdings macht der IE nicht so recht mit.

Code:

<html>
<head>
<title>infobox</title>
<style type="text/css">
<!--

#box a			{display: block;
			 font-family: verdana;
                         color: blue;
			}

#box a:hover     	{font-family: verdana;
			 color: black;
	  		}

#box a div  		{display: none;
		 	 position: absolute;
			}

#box a:hover div	{display: block;
		 	 position: absolute;
                  	 top: 50px;
                  	 left: 200px;
                         font-family: verdana;
                         color: green;
			}
-->
</style>
</head>
<body>

<div id="box">
  <a href="#">
    <p>Test</p>
    <div>Dies ist ein Test! Dies ist ein Test! Dies ist ein Test! Dies ist ein Test! Dies ist ein Test!</div>
  </a>

</div>

</body>
</html>

Kann mir mal bitte einer kurz helfen?

JustAnotherNoob -_- · 25.04.2005

17 Hits und keiner kann mir das WIE und WARUM sagen? :eek3:

Gast · 25.04.2005

mich wundert, dass "box" überhaupt funzt. ist das nicht input oder textarea?

JustAnotherNoob -_- · 25.04.2005

najo funzen tut es ja halbwegs.... und lt. selfhtml is "box" auch kein Probelm...

cart · 25.04.2005

"box" ist kein Problem. Sehe ich das richtig, dass du möchtest, dass der Text angezeigt wird, wenn du über den Link fährst?

JustAnotherNoob -_- · 25.04.2005

Siehst du richtig Cart! Wie gesagt Firefox schluckt es ohne Probleme, der IE nicht... warum? :/

Fährt der IE hier eine Extrawurst oder habe ich was übersehen?

PS: Der Code da oben soll nur als Beispiel dienen...

EnimaN · 25.04.2005

soweit ich weiss geht das von dir angestrebte beispiel mit genügend kompatibilität nur mit javascript (wobei dann die kompatibilität wieder zu bezweifeln wäre O_o)

wirste wohl auf ie7 warten müssen

BiBaButzemann · 25.04.2005

a.box:visted, link , active
{
display: block;
visibility: hidden;
}

a.box:hover
{

visibility: visible;
background: #435345;
border usw...
}

sollte gehen...
div halt rausschmeissen

CSS Infobox Problem

Erweitert

JustAnotherNoob -_-

Guest

JustAnotherNoob -_-

Guest

Gast

Guest

JustAnotherNoob -_-

Guest

cart

Technik/Software Forum

JustAnotherNoob -_-

Guest

EnimaN

BiBaButzemann