Witam,
zrobiłam sobie stronę, gdzie wrzucam ciekawe filmiki. Niestety posty nie układają się tak jak powinny fotka:

http://i.snag.gy/7ohYF.jpg

[HTML] pobierz, plaintext 
    <div id="div-filmy">
             <?php
                $loop = new WP_Query(array(
                   'post_type' => 'post',
                   'posts_per_page' => 24,
                ));
 
                while($loop->have_posts()) :
                   $loop->the_post();
             ?>
 
                <div id="pojedynczy-film">
                   <?php the_excerpt(); ?>
 
                   <a href="<?php the_permalink(); ?>"><h1><?php the_title(); ?></h1></a>
 
                   <span style="font-style:italic; margin-left: 10px; margin-bottom: 10px; float: left; font-size: 10px;">dodano: <?php the_time('d-m-Y') ?></span>
                </div>
 
                 <?php endwhile; ?>      
 
       </div> <!-- end content -->
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
    #div-filmy {
       float: left;
       width: 980px;
 
    }
 
    #pojedynczy-film {
       float: left;
       width: 220px;
       background: #f2f2f2;
       -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 1);
       -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 1);
       box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 1);
    }
[HTML] pobierz, plaintext 

jak w divie #pojedynczy-film ustawie wysokość to wpisy układają się jeden pod drugim. Jednak nie chce ustawiać stałej wysokości, ponieważ tytuły są krótsze raz dłuższe i wszystko się wtedy psuje - siedzę już od paru dni i ręce mi opadają, ponieważ nie wiem jak zrobić aby były 4 divy w rządku o różnych wielkościach i żeby się to nie rozwalało. Aha i nadanie marginesów też nic nie daje.

1. Tworzysz w pętli elementy z tym samym id czyli id="pojedynczy-film" co jest niedozwolone
2. Po co dajesz rodzicowi #div-filmy float: left dla mnie to jest zbędne
3. Po zakończeniu dodawania elementów z float umieszczaj coś takiego <div style="clear:both;"></div> dokładniej o tym poczytasz wpisując clearfix css
4. Spróbuj ustawić width w % dla #pojedynczy-film

Możesz mi podpowiedzieć jak w wordpressowej pętli nadać każdemu elementowi osobny id np. pojedynczy-film-1, pojedynczy-film-2 itp?

Zastąp:

[HTML] pobierz, plaintext 
<div id="pojedynczy-film">
[HTML] pobierz, plaintext 

takim wpisem

[PHP] pobierz, plaintext 
<div id="pojedynczy-film-<?php echo $post->ID; ?>">
[PHP] pobierz, plaintext