Peter: <p> macht keinen Absatz...

Beitrag lesen

Hallo Peter,

Hmm, mal schauen, wie ich das jetzt wieder richtig angeordnet bekomme.

Du könntest erstmal generell alles auf 0 setzen, aber dann für deinen p-Tag wieder einen Abstand definieren.

Jonathan

Ich hab jetzt das Problem, dass mein Menü nicht mehr so stimmt, wie vorher. Ich kann da aber nicht erkennen, warum es mir das Menü nun verschiebt, wenn ich das mit * {...} rausgenommen habe. Mit dem margin und padding für alles (*) auf null gesetzt ist das Menü so, wie es sein soll. Es rückt mir die Menüpunkte alle nach rechts, was es mit dem #inhalt überlappt.

Das Menü sieht so aus:

  
...  
<div id="menucontainer">  
<ul>  
 <li><a href="#">Punkt 1</a></li>  
 <li><a href="#">Punkt 2</a></li>  
 <li><a href="#">Punkt 3</a></li>  
 <li><a href="#">Punkt 4</a></li>  
 <li><a href="#">Punkt 5</a></li>  
 <li><a href="#">Punkt 6</a></li>  
</ul>  
</div>  
...  

Hier das CSS für das Menü:

  
div#menucontainer {  
 float: left;  
 height: 462px;  
 width: 160px;  
 background-color:#7b7d8e;  
}  
  
  
div#menucontainer ul {  
 border-bottom: 1px solid #FFF;  
 list-style: none;  
 margin-top: 45px;  
}  
  
  
div#menucontainer li, div#menucontainer li a {  
 color: #FFF;  
 text-align: right;  
}  
  
  
div#menucontainer li {  
 border-top: 1px solid;  
 font-size: 1.2em;  
 height: 27px;  
 width: 160px;  
}  
  
  
div#menucontainer li a, div#menucontainer li span {  
 display: block;  
 font-weight: bold;  
 height: 100%;  
 padding-right: 18px;  
 text-decoration: none;  
}  
  
  
div#menucontainer li a:hover, div#menucontainer li span {  
 font-weight: bold;  
 color: #FDEB1F;  
 background-color: #1B2654;  
}  

Kann mir bitte wer einen Tipp geben?

Danke
Peter