Um den Bereich eines Klappfensters (javascript: toggle) hervorzuheben und so sichtbar zu machen, habe ich den jeweiligen Bereich mit css (p border; background-color) farbig umrahmt. Das Ziel dabei war, dass bei display des Inhaltes (in meinem Fall lediglich Text und Bilder) sich vergrößert und somit den gesamten Inhalt umrahmt.
Bei Firefox funktioniert auch alles wunderbar. Als ich jedoch mit der Darstellung von Opera und Windows Explorer verglich, fiel mir auf, dass beim Ausklappen nur der Text, durch dessen Klick der Inhalt aufgerufen wird, umrahmt ist und nicht, wie gewünscht, der Text.
<script language="javascript"><!--
function toggle(control)
{
var elem = document.getElementById(control);
if(elem.style.display == "none")
{
elem.style.display = "block";
}
else
{
elem.style.display = "none";
}
}
//-->
</script>
<style type="text/css">
p.sw { border:1px solid black; background-color:#99FF66; padding:4px; margin-left:5px; width:80% }
</style>
<body>
<p class="sw">
<a href="javascript:toggle('Klapp1')">Erdgeschoss</a>
<div id="Klapp1" style="display: none;"><br>
Inhalt des Klappbereiches.
</div></p>
Der Code ist stark zerpflückt, jedoch ist im Link meine Seite angegeben, die das Script verwendet.