Dropdown-Menü öffnet sich nach rechts

Andre1411

Grünschnabel
Mein Dropdown-Menü (andere Website) geht nach rechts auf. :confused:

Code:
#sddm
{	margin: 0;
	padding: 0;
	z-index: 0}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial}

#sddm li a
{   float: left;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	min-width: 50px;
	max-width: 120px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}
 
Dann sag das bitte auch gleich, schliesslich kann hier niemand Gedanken lesen :rolleyes:

Code:
#sddm li
{        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        font: bold 12px arial;
        position:relative;
        }

#sddm div
{        position: absolute;
        visibility: hidden;
        margin: 0;
        padding: 0;
        background: #EAEBD8;
        border: 1px solid #5970B2;
        left:0;
        top:25px;
        }


mfg Maik
 
Super - Danke!

Was mir gerade noch so als Idee kam - kann man zwischen den einzelnen Menüpunkten im Dropdown eine Art Linie machen!?

Also

Unterseite 1
---------------
Unterseite 2

Nur halt halt nicht mit so viel Platz dazwischen. :)
 
Code:
#sddm div
{        position: absolute;
        visibility: hidden;
        margin: 0;
        padding: 0;
        background: #EAEBD8;
        border: 1px solid #5970B2;
        border-bottom:0;
        left:0;
        top:25px;
        }

        #sddm div a
        {        position: relative;
                display: block;
                margin: 0;
                padding: 5px 10px;
                width: 120px;
                white-space: nowrap;
                text-align: left;
                text-decoration: none;
                background: #EAEBD8;
                color: #2875DE;
                font: 11px arial;
                border-bottom:1px solid #5970B2;}


mfg Maik
 
Nö, das liegt an der Breitenangabe, die hier erforderlich ist, damit der Rahmen sich über die vollständige Breite des DIVs erstreckt.

Ohne sie reicht der Rahmen ansonsten nur so weit, wie der Linktext lang ist.

Außerdem sind die Unterlinks eh länger, als der Oberlink, und das Submenü somit breiter, so what?

mfg Maik
 
Zurück