Hallo allerseits,
irgendwie steh ich gerade auf dem Schlauch und finde einfach nicht den Grund, warum eine Liste bei mir immer links irgendwelchen Platz noch reserviert hat. Die Liste wird über PHP generiert und hat zum Beispiel dann folgende Struktur:
HTML
<div class="pageNavi_bottom">
<ul>
<li class="aktPage"><a class="link_pageNavi" href="index.php?page=1">[ 1 ]</a>
</li>
<li><a class="link_pageNavi" href="index.php?page=2">[ 2 ]</a></li>
<li><a class="link_pageNavi" href="index.php?page=3">[ 3 ]</a></li>
<li><a class="link_pageNavi" href="index.php?page=4">[ 4 ]</a></li>
<li><a class="link_pageNavi" href="index.php?page=5">[ 5 ]</a></li>
<li><a class="link_pageNavi" href="index.php?page=6">[ 6 ]</a></li>
</ul>
</div>Das CSS davon sieht wie folgt aus:
Code
.pageNavi_bottom, .pageNavi_top{
clear: both;
margin: 0px auto;
padding-top: 10px;
text-align: left;
}
.pageNavi_bottom ul{
list-style-type: none;
list-style-position: inside;
border-top: 2px rgb(153,204,255) ridge;
padding-top: 3px;
text-align: left;
background-color:#FF0000;
}
.pageNavi_top ul{
list-style-type: none;
list-style-position: inside;
border-bottom: 2px rgb(153,204,255) ridge;
padding-bottom: 3px;
text-align: left;
}
.pageNavi_bottom li, .pageNavi_top li{
display:inline;
margin-left: 5px;
margin-right: 5px;
font-size: 10px;
}
li.aktPage{
font-weight: bold;
}Den Hintergrund bei "pageNavi_bottom ul" habe ich nur definiert um zu sehen wie weit sich die Liste erstreckt. Dadurch sehe ich, dass die Liste den gesamten div-Container ausfüllt. Allerdings beginnen die ersten Einträge der Liste ca. 50px rechts versetzt und nicht gleich am linken Rand. Kann mir jemand sagen, wie das zustande kommt?
gruss chuqa
