Hallo ich nochmal.
Ich wollte mir eine Art Seitenübersicht machen mit Links, das ganze sieht wie folgt aus:
Code
<div id="footer">
<div class="list">
<div>
<h3>Überschrift</h3>
<ul>
<li><a href="http://..">Home</a></li>
<li><a href="http://..">Home</a></li>
<li><a href="http://..">Home</a></li>
</ul>
</div>
</div>
<div class="list">
<div>
<h3>Überschrift2</h3>
<ul>
<li><a href="http://..">Home2</a></li>
<li><a href="http://..">Home2</a></li>
<li><a href="http://..">Home2</a></li>
</ul>
</div>
</div>
</div><!-- Footer schließt -->Dazu meine #footer in der .css
Code
div#footer{
background-color: #000000;
text-align: left;
margin: auto;
width: 960px;
font-size: 12px;
float: center;
color: #666;
height: 70px;
padding-top: 30px;
}
.list {
padding-left: 40px;
height: 50px;
}
#footer p {
text-align:left;
padding-left: 540px;
width: 320px;
}Das Problem ist, das die Aufzählung also <li> unter einander sind.
Hier ein Bild dazu:
http://img12.imageshack.us/img12/5098/footde.jpg
Die Graue Fläche stellt in diesem Falle div bzw class .list dar.
Obwohl diese auf height: 50px; gestellt wurde, geht sie in div#footer über den rand.
Ich habe schon ziemliches vieles nun ausprobiert, jedoch fand ich nichts hilfreiches.
Könnt ihr mir evtl helfen? :shock:
Auch max-height, und line height ändern nichts an der Sache, ich bräuchte quasi einen Wert der sagt die aufzählung MUSS in .list bleiben, und darf nicht in #footer gehen.