Habe eine Kategorie mit Unterkategorien
Klicke ich auf die Kategorie, erhalte ich eine Seite mit der Übersicht der Unterkategorien - horizontal angeordnet.
Kann so nachgestellt werden:
http://s3.euroblaze.de/462/Kiteboarding
Die linke Sidebar hier per Firebug oder Element untersuchen … -> Knoten löschen in Opera … löschen
Also <div id=“sidebar”>
Dann aus <div id=“page” class=" sidebarLeft"> das machen:
<div id=“page” class="">
Resultat: die fünfte Box klebt an der 4.
(komisch dass da vor der Klasse noch ein Leerzeichen steht, wird da eine Klasse nicht ausgegeben?) <= sollte da nicht pageLayout stehen?
Sind 5 Stück
Jedoch fehlt nach der 4. Kategorie Box der Abstand nach links (margin left) da danach ein <li> auf einmal drin ist und die Kategoriebox danah entsprechend als .subcatList li .box:first-child erkannt wird:
<ul class="subcatList clear">
<li>
</li>
<li>
<div class="box">
<h3>
<a id="moreSubCat_1" href="http://shop-alvino.casseo.de/Region/AOC-Bordeaux/">
AOC Bordeaux </a>
</h3>
<div class="content catPicOnly">
<div class="subcatPic">
</div>
</div>
</div>
<div class="box">
<h3>
<a id="moreSubCat_2" href="http://shop-alvino.casseo.de/Region/Libournais-St-Emilion/" title="Libournais / St. Emilion">Libournais / St. E…</a>
</h3>
<div class="content catPicOnly">
<div class="subcatPic">
</div>
</div>
</div>
<div class="box">
<h3>
<a id="moreSubCat_3" href="http://shop-alvino.casseo.de/Region/M-doc/">
Médoc </a>
</h3>
<div class="content catPicOnly">
<div class="subcatPic">
</div>
</div>
</div>
<div class="box">
<h3>
<a id="moreSubCat_4" href="http://shop-alvino.casseo.de/Region/Cotes-de-Blaye-de-Bourg/" title="Cotes de Blaye / de Bourg">Cotes de Blaye / …</a>
</h3>
<div class="content catPicOnly">
<div class="subcatPic">
</div>
</div>
</div>
</li>
<li>
</li>
<li>
<div class="box">
<h3>
<a id="moreSubCat_5" href="http://shop-alvino.casseo.de/Region/Frankreich-Sonstige/" title="Frankreich Sonstige">Frankreich Sons…</a>
</h3>
<div class="content catPicOnly">
<div class="subcatPic">
</div>
</div>
</div>
</li>
</ul>
Habe an dem Verhalten jedoch nichts geändert.
Wieso ist da auf einmal ein leeres <li> drin?