2-spaltige Anordnug der Artikelvorschau

Hallo!

Ich habe auf meiner Site eine rechte Sidebar, in der ich u.a. 10 Artikelpreviews in zufälliger Auswahl anzeigen lasse ( pro Artikel ein DIV - keine Liste ) Die Vorschau ist jeweils mit Titel, Thumbnail und Excerpt.

Damit die Seite nicht zu lang wird, würde ich gerne die 10 in zwei nebeneinander liegenden Spalten anzeigen lassen.

Da wär CSS ne Möglichkeit. Habe den Previews nen Wrap gegeben und mit max-height begrenzt. Doch dieses schneidet den Wrap einfach ab.

Oder es mit Hilfe einer 2. Sidebar zu lösen.
Doch hier komm ich mit den Artikeln ins schleudern, da bei zufälliger Auswahl auf 2 Sidebars auch mal der selbe Artikel 2x auftauchen kann. Für ein komplexeres PHP Script, welches das evtl lösen kann fehlts mir schlicht und ergreifen am Können.:sad:

Weiss von Euch evtl jemand wie ich das hier am Besten umsetzen kann?

Jo, danke! Habe ich schon probiert - hier gibts nur das Problem, dass wenn bei float:left folgendes ist:
erste Reihe:
die linke Preview ein wenig länger ist als die rechts daneben.
zweite Reihe:
die folgende Preview in dieser Reihe nicht am linken Sidebar Rand steht sondern an der rechten Seite langen Preview weiter floatet.

Hoffe es war einigermaßen verständlich ;)

AH Super Danke!!!!!

Wollte nämlich grad noch fragen was das mit

Zitat

.artikel:nth-child(odd){clear:left;}

auf sich hat.
Link gibts leider noch keinen passiert alles noch lokal.

Super! Muss mit even arbeiten sobald ich überhalb der Artikelpreview-DIVs nen DIV hab.

Danke, funktioniert bestens!!!

Wie sieht die genaue Angabe in der Hierarchie aus, wenn das übergeordnete Element ein DIV mit der ID: ID-Name und der Klasse: KlassenName

#ID-Name .KlassenName .ArtikelPreview 
oder:
 .KlassenName#ID-Name .ArtikelPreview

Childs sind doch CSS 3 oder?
Nur der gute alte IE 8 nimmts nicht an, gibts da ein Workaround ?

Hab gerade folgenden "Workaround" gefunden:

http://blog.darkhax.com/2010/01/17/mak…work-everywhere

Weiss nur nicht so recht, wie ich das bei meiner Geschichte umsetzen soll ? :oops:

Mache hier quasi ne Klasse für alle Ungeraden:

#drumrum .ungerade {
clear:left;
}

Doch wo setz ich genau die jQuery-Code ein? Tippe mal auf die Sidebar.php. Hier meine Sidebar:

<?php
if (is_single()) {
    global $post;
    $categories = get_the_category();
    foreach ($categories as $category) :?>
                  <?php
                $posts = get_posts('numberposts=5&orderby=rand&exclude='.$post->ID.'&category='. $category->term_id);
             foreach($posts as $post) : ?>
                   
                    
    <!-- ************************* Mein artikelWrap bei gleicher Kategorie ----------->
    
                    
        
         <div class="artikelWrap">


        // Zeugs wie Titel, Excerpt und Thumbnail
  
      </div><!-- .artikelWrap --> 
                    
    <!-- ************************* ENDE artikelWrap bei gleicher Kategorie ----------->                  
       
 <?php
                endforeach;
                ?>
               
            <?php
            endforeach;
            ?>
   
<?php
}


else {