HarryS: div - Elemente positionieren/verstecken

Beitrag lesen

Hallo Philipp,

[...]
Erstmal Danke für die Beiträge bisher. Ich habe keine Ahnung wieso, aber irgendwie denke ich zu weit oder zu kurz, habe mich nicht genügend informiert und durch SelfHTML durchgelesen;

So wirds sein ;)

was auch immer. Ich finde und finde keine Lösung, wie ich die div's richtig positioniere... Keine Ahnung, ich schätze mal, dass es eine ganz einfache Lösung gibt und diese mir einfach nicht einfallen will.

Einfallen muß nicht sein, wenn man nachschauen kann: http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm

Ich wäre wirklich froh, wenn mir jemand den lange erwarteten Geistesblitz nennen könnte, ich schäme mich ja auch, sowas nicht selber fertig zu bringen! *grrrr*

Oki, hier mal das Grundgerüst ohne Schnickschnack zum experimentiern (ist aber DOM wird also _so_ in NS4 und IE5 garantiert nicht funktionieren)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Menü einblenden</title>

<style type="text/css">
#menu {position: absolute; left:150px; top:80px; width:200px; height:100px; border:5px outset red; background-color:orange ;visibility:hidden; z-index:100}
#steuerung {position: absolute; left:200px; top:100px; padding:5px; border:4px outset gold; background-color:gold; z-index:10;}
</style>

<script type="text/javascript">
function zeigen(name)
{
 document.getElementById(name).style.visibility = "visible";
}

function verbergen(name)
{
 document.getElementById(name).style.visibility = "hidden";
}
</script>
</head>

<body>

<div id="menu" onMouseout="verbergen('menu')">
Hier steht nun Dein Menü
</div>

<div id="steuerung" >
<p onMouseOver="zeigen('menu')">Zeige Menü</p>
</div>

</body>
</html>

Ist doch voll easy wa? ;) Probier damit rum, und dann melde Dich wieder wenn's noch Probleme gibt

Grüße aus Nürnberg,
HarryS