Formatierungsprobleme im HTML-Menü, mit CSS

Davicito

Erfahrenes Mitglied
Guten morgen,
ich habe mal ne Frage zur korrekten Darstellung meines Menü-Contents.
Hab mir ein Menü zurecht gebastelt, welches durch ausgesourste CSS-Klassen formatiert wird.

Dazu mal der CSS-Code einer CSS-Datei:

CSS:
...
body{
	font-family: "Courier New", Courier, monospace;
	background-color: #BDD6F0; /*Hellblau RGB*/
}

/*Container-Klasse für den Inhald der gesamten Webseite*/
.Layout_header{
	float:top;
	margin-left:170px;
	width:800px;
	border:150px;
}

/*-------------------------------- Features of Main-Menu --------------------------------*/
.menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 180px;
}

.menu ul a{
	background: #040B66 no-repeat right top; /*color of menu by default -> kräftiges Blau*/
	font: bold 17px "Lucida Grande", "Trebuchet MS", Verdana; /*Schrifttype*/
	display: block;
	width: auto;
	padding: 10px 0; /* Vertical padding for each menu link  (Padding = Hhöhe)*/
	text-indent: 40px; /*Schrift in Menü positionieren horizontal*/
	text-decoration:none;
	border-bottom: 10px solid #BDD6F0; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.menu ul li a:visited, .menu ul li a:active{
	color:#0FF;  /*Schriftfarbe des Menüs -> hellblau*/
}

.menu ul li a:hover{
	background-color:#999; /*color of menu onMouseover -> hellgrau */
	border-bottom: 6px solid #BDD6F0 ; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}

/*-------------------------------- Features of Sub-Menu --------------------------------*/
.menu ul ul li a{
	background: #BDD6F0 no-repeat right top; /*color of menu by default -> hellblau*/
	font: bold 17px "Lucida Grande", "Trebuchet MS", Verdana; /*Schrifttype*/
	display: block;
	color:#0F0; */
	width: auto;
	padding: 2px 0; /* Vertical padding for each menu link  (Padding = Hhöhe)*/
	text-indent: 20px;
	text-decoration:none;
	border-bottom: 6px solid #BDD6F0; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.menu ul ul li a:visited, .menu ul ul li a:active{
	color:#040B66;  /*Schriftfarbe des Menüs -> hellblau*/
}

.menu ul ul li a:hover{
	background-color:#999; /*color of menu onMouseover -> hellgrau */
	border-bottom: 6px solid #BDD6F0 ; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}
/*-------------------------------- Features of Sub-Menu --------------------------------*/
.menu_content{
	width: 900px;
	border: 1px solid;
	margin-top:3px;	
	margin-left:190px;
	float:left;	
}

</style>

Header und Menüleisten mit Unterlisten werden gut angezeigt. Wenn ich aber nun einen Menü-Content lade, wird mir der Content unterhalb meiner vertikalen Menüleiste angezeigt.
Würde gerne die Formatierung in der .Menu_Contant{}-Klasse so hinbekommen, dass der Content gleich rechts neben dem vertikalen Menü angezeigt wird.
Hab echt schon viel ausprobiert, aber ich bin zu keinem Ergebnis bisher gekommen.

Brauch etwas Hilfe...
LG,
 
Zuletzt bearbeitet:
Hab es hinbekommen ^^

Mann muss die ganzen Klassen positionieren mit relativ ->position:relativ; und anschließend mit z-index die Prioritäten ändern
 
Zurück