Dropdown-Menü wird abgeschnitten

[Duddy]

Hallo,

Ich setzte gerade eine Website für meine Verein um. Ich habe gedacht, dass ich mich mittlerweile in CSS ganz gut auskenne nun bin ich aber an meine Grenzen geraten.

Und zwar will ich ein Dropdown-Menü gestalten, dazu habe ich die ungeordnete Liste gefloatet.
Die zweite Ebene habe ich gecleart, absolute positioniert und wird nur beim hovern eingeblendet.

So weit, so gut nun dass Problem: Das Menü liegt in einem Container der relativ positioniert ist. Nun wird aber die 2. Ebene an der Kante des Containers abgschnitten. In einem normalen Conatiner funktioniert alles bestens.

Der Conatiner muss leider relativ bleiben. Wie mach ich nun die 2. Ebene wieder sichtbar?

Ich hoffe die Beschreibung ist verständlich.

Gruß Duddy

 

[fexx]

AW: Dropdown-Menü wird abgeschnitten

einen link zur seite oder der ensprechende code wäre nett ;o)

 

[Duddy]

AW: Dropdown-Menü wird abgeschnitten

HTML (vereinfacht):

<div id="header">
[...]
<div class="mod_navigation">
[...Skiplink...]
    <ul>
        <li><a href="#">Item 1</a></li>
        <li><a href="#">Item 2</a></li>
        <li><a href="#">Item 3</a></li>
        <li><strong >Item 4</strong>
            <ul>
                <li><a href="#">Item 4.1</a></li>
                <li><a href="#">Item 4.2</a></li>
                <li><a href="#">Item 4.3</a></li>
            </ul>
        </li>
        <li><a href="#">Item 5</a></li>
    </ul>
</div>
</div>

CSS:

#header .mod_navigation
{
    height: 2em;
    position: relative;
    background-color:#f03535;
}
#header .mod_navigation ul
{
    margin:0;
    padding:0;
}
#header .mod_navigation li
{
    float:left;
    list-style: none;
}
#header .mod_navigation li a,
#header .mod_navigation li strong
{
    display:block;
    padding: 4px 8px;
    text-decoration:none;
}
#header .mod_navigation li a
{
    color:#ffffff;
}
#header .mod_navigation li ul
{
    display:none;
    background-color:#fff;
}
#header .mod_navigation  li:hover ul
{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
}
#header .mod_navigation li li
{
    clear: both;
}
#header .mod_navigation li li a
{
    background-color:#fff;
    color:#000;
}
#header .mod_navigation li li a:hover,
#header .mod_navigation li li strong
{
    background-color:#f03535;
    color:#fff;
}

Edit: Danke für die Hilfe hat sich aber gerade erledigt. Schuld war ein overflow: hidden das beim dem CMS fast jedem Objekt zugewiesen wird und ich übersehen habe.

 

[fexx]

AW: Dropdown-Menü wird abgeschnitten

Schuld war ein overflow: hidden das beim dem CMS fast jedem Objekt zugewiesen wird und ich übersehen habe.

welches verwendest du denn?

 

[Duddy]

AW: Dropdown-Menü wird abgeschnitten

Ich verwende

Bitte kostenlos registrieren, damit du die Links siehst.