基本的に、私が達成しようとしているのは次のレイアウトです。
http://farm9.staticflickr.com/8256/8746793625_d3fed90c54_b.jpg
表を使用してみましたが、画像をページの高さの 100% にすることができませんでした。
display:inline を使用して順序付けされていないリストを作成しようとしましたが、画像のサイズが正しく変更されましたが、リストの「メイン」または 2 番目の項目を「中央に配置」できませんでした。
画像の寸法を指定できないという事実によって制限されています。Jqueryでウィンドウサイズをテストし、それを何らかの方法でフィードする方法がない限り、可能なCSSに固執したいと思いますか? (私はこれにかなり慣れていません)
私はすべてアイデアがありません。誰か助けてもらえますか?!?!
乾杯!
これは私が得たのと同じくらい近いです。
<body>
<div class="wrapper" style="position:absolute; width:100%; height:100%; margin:0; padding:0; top:0; left:0;">
<table style="position:absolute; width:100%; height:100%; margin:0; padding:0; top:0; left:0; text-align:center; white-space: nowrap; overflow:hidden;">
<td style="width:20%" ><img style="position:relative;width:auto;max-height:100%" src="http://shellsuitzombie.co.uk/wp-content/uploads/2013/04/Brad-Rose-I-never-finish-anything.jpg"></td>
<td style="width:60%" ><img style="position:relative;width:auto;max-height:100%" src="http://shellsuitzombie.co.uk/wp-content/uploads/2013/04/Brad-Rose-I-never-finish-anything.jpg"></td>
<td style="width:20%" ><img style="position:relative;width:auto;max-height:100%" src="http://shellsuitzombie.co.uk/wp-content/uploads/2013/04/Brad-Rose-I-never-finish-anything.jpg"></td>
</tr></table></div></body>