[css] vertical align

[vel]

Witam

Rozgryzam temat i nie idzie mi. Zrobiłem typowy layout 2-kolumnowy, wszystko jest pięknie, działa ładnie w każdej przeglądarce, ale..... chciałbym żeby w lewej kolumnie zawartość była w pionie wyśrodkowana(div id= cardlogo) (przy czym zawartość prawej kolumny ma długość dynamiczną, zależnie od wielkości kontentu) automatycznie

Znalazłem jakieś opracowania na necie, ale żadne jakoś nie podchodzi. Chciałbym uniknąć "ztabelkowizowaania" tego kawałka kodu, stąd pytam, może ktoś ma pomysła.

Poniżej kod layoutu i jego css

<div id="cardlogo">
     <a href="https://friscom.wkrakowie.pl/"><img src="data/customers/2logo.jpg" alt="0" width="85" height="65" /></a>
</div>
<div id="cardaddress">
<ul>
<li class="spacer"><strong>coś tam coś tam</strong></li>    
       <li>ul. Mazowiecka 21</li>
<li class="spacer">coś tam coś tam</li>
<li>coś tam coś tam</li>
<li>coś tam coś tam</li>
<li class="spacer">coś tam coś tam</li>
<li>email: <a href="coś tam coś tam">coś tam coś tam</a></li>    	</ul>

<div class="cleaner"></div>
</div>

i do tego formatujący ten kawałek css

#cardlogo {
width: 450px;
float: left;
text-align: left;
min-height: 120px;
}

#cardlogo img {
border: 0;
}

#cardaddress {
margin: 0;
margin-left: 450px;
text-align: left;
}

#cardaddress ul {
list-style-type: none;
margin: 0;
padding: 0; 
}

#cardaddress li a {
color: #e57922;
text-decoration: none;
padding: 2px;
}

#cardaddress li a:hover {
background: #e57922;
color: #fff;
}

div.cleaner {
       clear: both;
       margin: 0;
       padding: 0;
}

help

[camelleon]

wydaje mi sie ze jezeli nie okreslisz wysokosci tej pierwszej (lewej) kolumny to nie da sie wysrodkowac w pionie jej zawartosci, chyba ze chodzi Ci o wysrodkoowanie w pionie calej lewej kolumny wzgledem prawej?

[vel]

wydaje mi sie ze jezeli nie okreslisz wysokosci tej pierwszej (lewej) kolumny to nie da sie wysrodkowac w pionie jej zawartosci, chyba ze chodzi Ci o wysrodkoowanie w pionie calej lewej kolumny wzgledem prawej?

81588[/snapback]

właśnie chodzi o to, że niezależnie jak wysoka będzie prawa kolumna (a nie mogę ustawić jakiegoś stałęgo height, bo nigdy nie wiem ile danych będzie) to lewa ma być w pionie wyśrodkowana względem tej prawej. ale coś mi się widzi, że nie idzie tego zrobić chyba i trzeba będzie ewentualnie tabelkowizować

[camelleon]

tez mi sie wydaje ze nie da sie tego zrobic bez tabelki

ale z pierwszego postu nie dokonca Cie zrozumialem

w ogole nie znalazlem jak mozna wysrodkowac tekst w pionie w div-ie

a po co Ci class=cleaner?

[vel]

ten cleaner to z jakiegoś gotowego layoutu 2-kolumnowego. bez niego zawartosc pod tymi kolumnami sie rozjezdza, a cleaner ustawia clear: both i jest juz ladnie

EDIT: znalazłem takie coś https://www.student.oulu.fi/~laurirai/www/css/middle/ ale wychodzi na to, że niestety nie ma tricku dobrego dla każdej przeglądarki.

cóż, w ostateczności zostaje ubrać w tabelkę, trudno, nie ma rady