[fetterhund]

Hallo,

den Code hätte ich in der Tat direkt mitgeben können:

Konkret geht es um diese Angabe, mit Hilfe der ich die Vorgabe so verschoben habe, dass die Navleiste "ul" an der von mir gewünschten Stelle sitzt:

#head ul {
  clear:both;
  float:right;
  margin:-960px;
  margin-bottom:10;
  margin-top:16.75%;
  margin-right:290px;
  padding:0;
  text-align:right;
  list-style:none;
  z-index:1;
     position:relative;
}

Der z-Index musste sein, weil aus irgendeinem blöden Grund der div-Container mit dem Seiteninhalt die Navleiste überlappt.
Sicherlich ist es seltsam, einmal eine %-Angabe, einmal in Pixel. Doch war ich froh, als die Navleiste da war, wo sie hinsollte.

Die sich in Gesamtcode befindet:

@charset "utf-8";
/* CSS Document */

html {
  background-color:#DDD;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}
body {
  background-repeat:repeat-x;
  margin:0;
  padding:0;
  height:100%;
}
p, li, h1, h2, h3, h4, h5, h6 {
  font-family:Verdana, Geneva, sans-serif;
  font-size:12px;
 }

p {
  margin-left:3%;
 }

.csc-textpic-text {width:auto; }
.csc-textpic-intext-left .csc-textpic-text{float:left; width:55%;}
#content .csc-textpic-text p.bodytext{float:none; width:auto;}
#outer {
  margin:0 auto;
  padding:0;
  width:960px;
  height:100%;
}
#wrapper {
  margin:0;
  padding:0;
  background-color:#fff;
  width:960px;
  height:auto;
  float:left;
}
#head {
  width:100%;
   height:100px;
   position:relative;
}


#head img {
  margin-top: 1%;
  margin-left: 2%;
  margin-bottom:-5px;
}


#head p {
  float:right;
  width:407px;
}

#head p a {
  color:#000;
  text-decoration:none;
}

#head ul {
  clear:both;
  float:right;
  margin:-960px;
  margin-bottom:10;
  margin-top:16.75%;
  margin-right:290px;
  padding:0;
  text-align:right;
  list-style:none;
  z-index:1;
     position:relative;
}

#head ul li {
  float:left;
}

#head ul li.active a{
  background-image:url(img/menu-aktiv.jpg);
  float:right;
  color:white;
}

#head ul li a {
  background-image:url(img/menu.jpg);
  width:110px;
  height:38px;
  float:left;
  text-decoration:none;
  color:#DDD;
  margin:0px;
  text-align:center;
  text-vertical-align:bottom;
  border-radius:0px;
  padding-top:0px;
  box-shadow: 0px 0px 0px 0px #D06D24;
}

#head ul li a {
  display:block;
  float:left;
}
#head ul li a:hover {
  background-image:url(img/menu-hover.jpg);
  width:110px;
  height:38px;
  float:left;
  text-decoration:none;
  color:#fff;
  margin:0px;
  text-align:center;
  border-radius:0px;
  padding-top:0px;
  box-shadow: 0px 0px 0px 0px #FF8000;
}
#head ul li a:active {
  color:#D06E27;
}

#orange {
  width:100%;
  position:relative;
}
#content {
  width:100%;
  clear:both;  
  padding:0 10px;
  margin-top:5px;
}
#content p {
  width:75%;
  position:relative;
  float:left;
}
#content ul {
  float:left;
  width:75%;
}
#content li {
  padding:5px;
  margin-left:3%
}
#content img {
  float:right;
  margin:20px;
  }
#footer {
  background-image:url(img/footer_background.jpg);
  width:100%;
  clear:both;
  float:left;
}
#footer div p {
  font-size:9px;
  margin:3px;
  padding:3px;
}
#footer div {
  margin-left:5%;
  margin-right:5%;
}
#footer {  
}
.left {
   float:left;
}
.left p a {
  color:#000;
  text-decoration:none;
}
.right {
  float:right;
}

Vielleicht hilft dies nun etwas weiter.