Cześć!

Chcę uzyskać taki efekt, a z CSS juz doslownie wszystko zapomniałem.


Mam taki kod, ale robi mi trzecią pustą kolumnę...

[HTML] pobierz, plaintext 
 
<div style="overflow: hidden;" id="div1">
                <div style="float:left;" id="div2">
                   XXX
                          <div style="margin-top: 5px;" id="div3">
                           YYY 
                           </div>
                </div>
                <div style="float:left;margin-left: 20px;  margin-top: -6px;" id="div4">
                ZZZ
                </div>  
</div>
[HTML] pobierz, plaintext 

DIV1 zawiera specyficzne obramowanie strony
DIV2 to obrazek 198x198 px
DIV3 to opcjonalny podpis do obrazka
DIV4 to tekst i moze byc roznej dlugosci.

Z góry dziękuję za pomoc.

Polecam zaznajomić się z Twitter Bootstrap. Wtedy tego typu problemy to błahostka

[HTML] pobierz, plaintext 
<div id="container">
  <div class="row">
     <div class="span3">
          <div class="row"></div>
          <div class="row"></div>
     </div>
     <div class="span9">
          <div class="row"></div>
     </div>
  </div>
</div>
[HTML] pobierz, plaintext 

Twitter Bootstrap czasami jest przerostem treści nad formą. Warto wycinać z niego tylko to co potrzebne. Dzięki temu można zaoszcędzić na wadze strony
Ogolnie, lubię Bootstrapa.

Super, to jakbym tworzył stronę od początku a to ma być tylko jeden element strony już zawarty w innym divie.