Inneren Div über außeren Div hinausragen lassen

html.de-Forum HTML, XHTML & CSS
1

Hallo :slight_smile:

ich habe einen Großen div, in dem mehrer Bilder sind. Wenn ich nun mit der Maus über solch ein Bild fahre, öffnet sich ein weiteres div. Allerdings, soll dieses nicht von der Größe des großen divs beeinträchtigt werden, sondern über dessen Grenze hinaus gehen. (Ist das verständlich?)
Wie krieg ich das hin?

Hier mal mein Html-Code:

   <div name="Hobby" id="marg" align="middle">   
     
     <img class="Hobby" src="Visualisierungsversuch/Icons/Hobby.png" alt="Hobby" >
     
     
     <div id="hobby" class="Anzeige" >
       <img src="Visualisierungsversuch/Biene.jpg" alt="Baumkrone" width="40px" height="60px" >
     </div>
     <script type="text/javascript">
       $('.Hobby').on('mouseover', function() {
       $(this).next('.Anzeige').slideToggle("slow");
       })
     </script>
     
   </div>

css:

#rahmen{
position:absolute;
margin-top:-30px;

left:50%;
margin-left: -375px; /* width / 2 */
margin-bottom:50px;
width:750px;
height:700px;
z-index:1;
}

#hobby{
border:2px solid;
width:350px;
height:150px;
float:right;
z-index:2;
}

Wäre super wenn mir jemand helfen könnte :slight_smile:

2

Overflow ist das, was du suchst, wenn ich das richtig verstanden habe:

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow

3

Ne das hat jetzt nicht gewünschten Effekt gebracht, aber trotzdem danke :wink:
Derzeit erscheint der div zwar rechts vom Bild aber das Bild verschiebt es nach links, so das der div imRahmen des großen divs bleibt.
Vielleicht müsste ich auch die Position des Bildes festlegen aber das kann ich ja nur mit Positon: absolut und das will ich nicht weil es mir ja dann die Seite zerschießt wenn ich eine andere Monitorgröße habe oder?