内部のみ1背景画像のdivを示すことは、私が持っている問題である。IEここでdivの
私は絵のようにレイアウトを作成しようとしている:もちろん
私は考えdivのみのバージョンが好きですが、これまでの私の目標は無駄になりました。 私はFirefoxで動作させるためにテーブルとdivの組み合わせを考え出しましたが、IE8(おそらく他のIEバージョン)では背景画像2と4は表示されません。
これを行う方法に関するアイデアIEでも同様に動作しますか?
PS:CSS3を待つ時間がなく、私はquirksモードを試して、背景が表示されていますが、他にも多くの問題があります。私は「過渡期」モードを維持することを好むだろう。
HTML:
は<table id="middletable" class="bg">
<tr><td class="left" width="*">
<table class="bg">
<tr><td id="leftimg"> </td></tr>
</table>
</td>
<td width="84">
<div class="middle">
CONTENT
</div>
</td>
<td class="right" width="*">
<table class="bg">
<tr><td id="rightimg"> </td></tr>
</table>
</td></tr>
</table>
CSS:私が正しく理解していれば、あなたがメインのテキストとその近くに2枚の画像をしたい
table.bg {
width: 100%;
height: 100%;
border-collapse:collapse;
}
#middletable {
background: #fff;
}
#middletable td.left {
background: url('http://www.budowastrony.pl/fantom/images/site/middle-bg-left-rx.jpg') repeat-x top #ff0000;
text-align: right;
vertical-align: top;
}
#middletable td.right {
background: url('http://www.budowastrony.pl/fantom/images/site/middle-bg-right-rx.jpg') repeat-x top #ff0;
text-align: left;
vertical-align: top;
}
#leftimg {
height: 100%; width: 100%;
background: url('http://www.budowastrony.pl/fantom/images/site/bg-middle-left-nr.jpg') no-repeat top right #ccc;
}
#rightimg {
height: 100%; width: 100%;
background: url('http://www.budowastrony.pl/fantom/images/site/bg-middle-right-nr.jpg') no-repeat top left #000;
}
これを確認してください:http://jsfiddle.net/CndUR/(他のユーザーが解決策を見つけるのを助ける画像を絶対リンクすることができれば、画像は色で置き換えられます)。これはレイアウトが表示されている方法ですか?このリンクがあなたの問題を表している/再現している場合。あなたの質問に投稿してください。その後、他のSOユーザーがより迅速にあなたを助けることができるでしょう=) – Dan
こんにちはダン、助けてくれてありがとう、私は実際の画像で画像を更新しました.jsfiddleと同じです:http://jsfiddle.net/CndUR/5/issueはIEで引き続き発生します。任意の助けが大いに感謝されるありがとう – Czakalli
あなたは以下のいずれかのソリューションを試しましたか? – Dan