私はiframeとdivをコンテナ内に持っています。それらの2つは、垂直方向に中心を置く必要があります。中央にテーブルのいくつかの記事を読んだ後、私はそれを試してみましたが、役に立たない。 iframeの 'display'プロパティが 'table-cell' & 'vertical-align'から 'middle'に設定されていても、iframeは左上隅に固定され続けます。テーブルを中心にして中心を合わせる
HTMLコード:
<!-- the container div -->
<div id="iframe_r_container">
<!-- iframe -->
<iframe id="iframing" src="mannequin.html" frameborder="0" ></iframe>
<!--div--> <div id="right_container">
<div id="user_credit">
<h1><a href="#">Username</a></h1><br />
has <span id="credits">20,000</span> credits.
</div>
<div> <button id="template_button"><img src="images/Coutallure-WebApp/template_button.png" /><span>Templates</span></button> </div>
</div>
そして、ここでは、CSSです:
/* START OF IFRAME_R_CONTAINER */
#iframe_r_container {
position: absolute;
display: table;
top: 48px;
bottom: 38px;
width: 960px;
}
/* START OF IFRAME */
#iframing {
display: table-cell;
width: 640px;
height: 480px;
vertical-align: middle;
}
/* END OF IFRAME */
/* START OF RIGHT CONTAINER */
#right_container {
display: table-cell;
vertical-align: middle;
width: 113px;
margin: 20px;
}
任意のヘルプは非常にいただければ幸いですので、今日は半日のためにこれで立ち往生されています。
私は 'display:table-cell'構造体について完全にはわかりませんが、' display:table'と 'display:table-row'に囲む必要はありませんか? –
_Never_レイアウトのテーブルを使用します。表形式のデータを表示する場合のみ: – Kyle
良い点カイルしかし、私はそれを把握しようとしていたので、テーブルと垂直にcentreingでStackoverflow自体を読んだ。あなたに両方に乾杯。 – Kayote