[XHTML] Problem z divem Opcje

[Oryos]

Witam. Mam bardzo głupi i banalny problem, ale męczę się z tym już dłuższą chwilę i nie potrafię nic wykombinować. Wygląda to tak:

(IMG:http://fotoo.pl/zdjecia/files/2010-09/0f067b70.png)

Tutaj kod:

[XML] pobierz, plaintext 
<div id="post">
    <div id="posty1">
        <div class="posty_tresc"><a href="#">Lorem ipsum dolor sit amet</a></div>
        <div class="posty_tresca">as</div>
        <div class="posty_trescd">22.09.2010</div>
    </div>
    <div id="posty2">
        <div class="posty_tresc">Lorem ipsum dolor sit amet</div>
        <div class="posty_tresca">as</div>
        <div class="posty_trescd">22.09.2010</div>
    </div>
    <div id="posty3">
        <div class="posty_tresc">Lorem ipsum dolor sit amet</div>
        <div class="posty_tresca">as</div>
        <div class="posty_trescd">22.09.2010</div>
    </div>
</div>
[XML] pobierz, plaintext 

[XML] pobierz, plaintext 
#post {
        height:163px;
        width:453px;
        float:left;
    }
.posty_tresc {
        padding-top:7px;
        padding-left:20px;
        font-family:Tahoma;
        font-size:12px;
        color:#ffffff;
        float:left;
    }
.posty_tresca {
        padding-top:7px;
        padding-left:240px;
        font-family:Tahoma;
        font-size:12px;
        color:#ffffff;    
    }
.posty_trescd {
        padding-top:7px;
        padding-left:350px;
        font-family:Tahoma;
        font-size:12px;
        color:#ffffff;
    }
#posty1 {
        background:url(images/a_18.jpg) no-repeat;
        width:453px;
        height:31px;
    }
#posty2 {
        background:url(images/a_20.jpg) no-repeat;
        width:453px;
        height:31px;
    }
#posty3 {
        background:url(images/a_22.jpg) no-repeat;
        width:453px;
        height:51px;
 
    }
[XML] pobierz, plaintext 

I teraz jak zrobić żeby ta data była na równi z nazwą newsa i autorem ?

[Daiquiri]

A nie łatwiej (zamiast kombinować z paddingami) ustawić te trzy divy z lorem, as i datą obok siebie za pomocą float: left? Na przykład tak:

[HTML] pobierz, plaintext 
.posty-lorem {
padding-top:7px; font-family:Tahoma; font-size:12px; color:#ffffff; float:left; width: 253px;
}
 
.posty-as {
padding-top:7px; font-family:Tahoma; font-size:12px; color:#ffffff; float:left; width: 100px;
}
 
.posty-data {
padding-top:7px; font-family:Tahoma; font-size:12px; color:#ffffff; float:left; width: 100px;
}
 
.posty {
    background:url(images/a_18.jpg) no-repeat; width:453px; height:31px;
}
[HTML] pobierz, plaintext 

Szerokości możesz zawsze ustawić wg uznania.

i do tego:

[HTML] pobierz, plaintext 
  <div class="posty">
        <div class="posty-lorem">Lorem ipsum dolor sit amet</div>
        <div class="posty-as">as</div>
        <div class="posty-data">22.09.2010</div>
    </div>
 
   <div class="posty">
        <div class="posty-lorem">Lorem ipsum dolor sit amet</div>
        <div class="posty-as">as</div>
        <div class="posty-data">22.09.2010</div>
    </div>
 
    <div class="posty">
        <div class="posty-lorem">Lorem ipsum dolor sit amet</div>
        <div class="posty-as">as</div>
        <div class="posty-data">22.09.2010</div>
    </div>
[HTML] pobierz, plaintext 

Ten post edytował Daiquiri 22.09.2010, 15:51:49

[thurinon]

A jak byś pobawił się z float: ;
a jak nie to zawsze jest jeszcze: margin-top: -20px; (tak na oko :-]