Gaby: Text klappt auf im Firefox aber nicht im IE

Beitrag lesen

SELF-Forum

Text klappt auf im Firefox aber nicht im IE

Gaby
– Informationen zu den Bewertungsregeln

Hallo,
zu dem folgenden Beispiel habe ich 2 Fragen.
1. Wie kann ich erreichen, dass z.B. im Firefox der Text nicht nach oben rutscht, wenn ich auf "Nähere Informationen" klicke, und dann der Text angezeigt wird. Es sollte weiterhin die Überschrift "Sonderveranstaltung" sichtbar sein.
2. Das Beispiel funktioniert nicht in den IE-Versionen. Wie schaffe ich dies auch für den IE?

<html>  
<title>Test</title>  
<style type="text/css">  
p.versteckt {  
	display: none;  
}  
p:target {  
	display: block;  
}  
</style>  
</head>  
<body>  
<b>Sonderveranstaltung</b><br>  
<b>Termin:</b> 14.3.2012<br>  
Ort: Stadthalle<br>  
<a href="#ID01B" id="ID01A">Nähere Informationen &nbsp;&nbsp;&nbsp;»</a>  
  
<p id="ID01B" class="versteckt">  
<a href="#ID01A"  style="padding-left:0;">« Zurück</a><br>  
Die Veranstaltung ...<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
Eintritt frei.<br>  
  
<a href="#ID01A"  style="padding-left:0;">« Zurück</a><br>  
  
  
<div>       <!--    Nur damit das Problem 2 entsteht    -->  
<b>Noch etwas</b><br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
.....................<br>  
</div>  
</body>  
</html>

Schönen Gruß
Gaby

Beitrag melden
–
Informationen zu den Bewertungsregeln