Flexbox und CSS Dropdownmenu funzt nicht

[ahmet]

Sorry,,, hier die CSS--

html { background: transparent!important; }

body { margin: 10px auto; max-width: 60em; font-family: sans-serif; color: #333333; display:-webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }

h1, main, svg { border-radius: 0 8px 8px; border: 1px solid; padding: 10px; margin: 10px; } #hr1 { height:5px; color:#2B619D; border:solid; max-width:60em; }

#hr2 { height:20px; border:solid; color:#8AB5EA; background-color:#8AB5EA; }

h1 { background: #e0e0e0 10px 5px no-repeat; border-color: #d5d5d5; padding-left: 100px; }

main { display: block; /* für IE */ background: #c4ced3; border-color: #8a9da8; min-height: 400px; }

/*div { padding: 1em; margin: 2em auto; width: 20em; height: 10em; background: #f1f3f4;

}*/

h2 { color: #c32e04; }

		header, footer , section{
			border-radius: 0px 0.5em 0.5em;
			border: 1px solid;
			padding: 10px;
			margin: 0px;
			-webkit-flex: 1 100%;
			flex: 1 100%;
		}
		header {
			background: #e0e0e0;
			border-color: #d5d5d5;
		}
		nav {
			width:60em;
			padding: 0px;
			margin: 0px auto;
			border-color: #e7c157;
			-webkit-flex: 1 100%;
			flex: 1 100%;

		}
		section {
		
			background: #F1F3F4;
			border-color: slateblue;
		}
		article {				padding: 10px;

		margin: 10px;
		border-radius: 0px 0.5em 0.5em 0px;
			border: 1px solid;
			background: #ffede0;
			border-color: #df6c20;
			-webkit-flex: 1 1;
			flex: 1 1;
		}
		aside {	padding: 10px;

		margin: 10px;
		border-radius: 0.5em 0px 0px 0.5em;
		border: 1px solid;
			background: #ebf5d7;
			border-color: #8db243;
			-webkit-flex: 1 1;
			flex: 1 1;
		}
		footer {
			background: #e4ebf2;
			border-color: #8a9da8;
		}
	.top-men {
float: right;
margin: 10px 0;
padding: 0;

}

.top-men li { display: inline; list-style-type: none; font-family:"Lucida Sans"; }

.top-men li a { border-left: 1px solid #cccccc; color: #333333; font-size: 11px; padding: 0 4px 0 8px; }

.top-men > li:first-child > a { border-left: none; }

.top-men li a:hover { color: #333333; } nav ul ul { display: none; }

nav ul li:hover > ul {
	display: block;
}

nav ul { background: #efefef; background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); padding: 0 20px; border-radius: 10px;
list-style: none; position: relative;

} nav ul:after { content: ""; clear: both; display: block; }

nav ul li { float: left; } nav ul li:hover { background: #4b545f; background: linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); } nav ul li:hover a { color: #fff; }

nav ul li a {
	display: block; padding: 10px 40px;
	color: #000000; text-decoration: none;
}

nav ul ul {
background: #5f6975; border-radius: 0px; padding: 0;
position: absolute; top: 100%;

} nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li a { padding: 15px 40px; color: #fff; } nav ul ul li a:hover { background: #4b545f; }

nav ul ul ul { position: absolute; left: 100%; top:0; }

Hallo

Was mach ich falsch??

Woher sollen wir das wissen wenn du uns keinen Link zu deinen bisherigen Bemühungen gibst? Oder habe ich den übersehen?

Gruss

MrMurphy