Sven: Positionierung vom Menü

Beitrag lesen

hey Leute ;)

Ich bin ratlos ich hab schon alles denkbare ausprobiert aber ich schaffes es einfach nicht (per CSS) denn Menü 'Kasten' zu Positionieren...

Link zur Website...

Ich habe 2 CSS Codes einmal eine style.css wörüber text ausgerichtet ist und wörüber ich denn Menü 'Kasten' auch Positionieren möchte.

style.css<

body {  
padding-left: 11em;  
font-family: Georgia, "Times New Roman",  
Times, serif;  
color: black;  
background-color: black}  
ul.navbar {  
list-style-type: none;  
padding: 0;  
margin: 0;  
position: absolute;  
top: 11em;  
left: 10em;  
width: 10em }  
h1 {  
font-family: Helvetica, Geneva, Arial,  
SunSans-Regular, sans-serif }  
ul.navbar li {  
background: transparent;  
margin: 1em 0;  
padding: 0.3em;  
border-right: 1em solid transparent }  
ul.navbar a {  
text-decoration: none }  
a:link {  
color: black }  
a:visited {  
color: black }  
address {  
margin-top: 1em;  
padding-top: 1em;  
border-top: thin dotted }  
#name {  
position: absolute;  
left: 20%;  
top: 15%; }

und nun die navi.css wörüber die einzelnen Elemente des Menü 'Kastens' positioniert sind.

navi.css<

#menue1 {  
width: 180px;  
margin: 0 0;  
}  
#menue1 #abstand1 {  
border: 1px solid;  
border-color: #ffffff #304e6a #304e6a #ffffff;  
background: #e7d5b5;  
padding: 5px 10px;  
}  
#schalter1 a {  
display: block;  
padding: 2px;  
text-decoration: none;  
border: 1px solid #ccc;  
width: 150px;  
font-weight: bold;  
text-align: right;  
margin: 1px 0;  
background-color: #e0d0b0;  
}  
#schalter1 a:link {  
color: #304e6a;  
}  
#schalter1 a:visited {  
color: #369;  
}  
#schalter1 a:hover {  
border: 1px solid;  
border-color: #eeeeee #304e6a #304e6a #eeeeee;  
background-color: #d0c0a0;  
color: #fff;  
}  
#schalter1 a:active {  
color: #c00;  
}  
#schalter1 a .pfeil1 {  
display: none;  
}  
#schalter1 a:hover .pfeil1 {  
display: inline;  
color: #c00;  
}  
#menue1 .toc1 {  
color: #757575;  
font-size: 85%;  
font-weight: bold;  
margin: 0 5px 5px;  
}  
#menue1 .copy1 {  
color: #757575;  
font-size: 80%;  
font-weight: normal;  
margin: 5px 0 0;  
text-align: right;  
}  
#menue1 .space1 {  
font-size: 1px;  
margin: 3px 0;  
}

Ps. falls jetzt jemand kommt und meint ich hab überhaupt keine ahnung, sag ich jetzt schonmal ich hab ahnung ich habe das bei meiner eigenen Homepage auch hinbekommen. Meine Homepage