CSSコミュの[質問]CSSでtable valign=bottomの並びを再現する

はじめましてnonameです。
今tableで作ったサイトをcssに書き換えているのですが、tableレイアウトを書き換えるのに一苦労しています。
自分の力では答えを見つけられなかったので質問させていただきます。

valign="bottom"で並べた画像やテキストの配置をcssで再現する方法はありますか？
次のようなレイアウトをCSSで再現しようとしているのですが
http://untitled.rootkit.jp/tmp/table.html
テキストの並びをどうしても下ぞろえにすることが出来ません
http://untitled.rootkit.jp/tmp/css.html
#失敗しています

画像の次に下揃えで文字を並べるだけなら、vertical-align: bottomで再現出来たのですが、同じ高さで文字を右付きにして並べる事が出来ませんでした。
#sampleで言うと日付の部分です。

どなたか方法をご存知の方はご教授下さい。 <(_ _)>

コメント(6)

最初
全て
最新の40件

[2] mixiユーザー 12月01日 18:58

position:relative;したボックスの中で
position:absolute;
bottom:0px;とか。

HTMLはサンプルのために意味を無視してマークアップしてるのではないかと。
僕もテーブルでマークアップすべき内容だとは思いますけど。

[5] mixiユーザー 12月03日 03:16

ご教授ありがとうございました。
>Kyosuke さん
の方法を参考にさせて頂きます。

>2. Kyosuke さん
>HTMLはサンプルのために意味を無視してマークアップしてるのではないかと。

何も考えず適当な作りにしてしまいました。
が

>1: 森田雄 (yuu) さん
>CSS以前にHTMLもよく理解されていないように見受けました。

これは確かに、です。

valign="top"で並べるテーブルをcssで簡単に再現できるのかなぁという
純粋な興味で質問をして、答えを数点いただいて感謝しています。
#多分、今自分がやってるサイトの該当部分はtableでやっちゃいます・・・

ログインすると、みんなのコメントがもっと見れるよ