液体画像を片面に1列に配置

私ができることをしたいのは、左側に20％の幅の画像と右側の画像を持つ700pxの列を持つことです。右側のページの残りの部分を占めます。左から右には基本的に20％の幅の画像、次にサイトのコンテンツを含む700ピクセルの幅の列、次にページの幅の残りの部分を占める右側の画像が表示されます。私はこれを行う方法に苦労している、と私はあまりにも複雑にしているように感じる。液体画像を片面に1列に配置

出典

2012-05-12 Tyler Shuster

あなたはこれまで何を持っていますか？ – thirtydot

<div id="leftImage" style="float:left;width:20%;background-repeat:no-repeat;background-image:url(URL TO LEFT IMAGE); height: HEIGHT OF LEFT IMAGE IN px;">&nbsp;</div> 
<div id="content" style="width: 700px;float:left;">CONTENT</div> 
<div id="rightImage" style="float:left;background-repeat:no-repeat;background-image:url(URL TO RIGHT IMAGE); height: HEIGHT OF RIGHT IMAGE IN px;">&nbsp;</div><br clear="all" />

このようなことを試してください。

出典

2012-05-12 20:29:24 Hope4You

これは私が一点で持っていたものに似ていますが、より良く機能します。唯一の問題は、右の画像が約10ピクセル幅でクリップすることです。 –

修正しました。 floatを削除し、オーバーフローを追加しました：hidden。ご協力いただきありがとうございます！ –

液体画像を片面に1列に配置

答えて

関連する問題