「content」で左のメインコンテンツ、「links」で右のメニューコンテンツのレイアウトを指定。下記のように書き換えたところ、ウィンドウを縮めても左右のレイアウトが崩れなくなった。が、Operaだとダメ。左右のコンテンツが重なってしまう。右部の絶対位置指定「absolute」を外したらとりあえず重なりはしなくなるので、Operaが非対応なのかとも思ったが、他のサイトでは問題無いようだ。「CSS対応状況表」にも、同様の不具合は載っておらず、原因不明。
#content { position: relative; float: left; width: 70%; background: #FFF; margin-bottom: 15px; }
#links { position: absolute; float: left; width: 200px; background: #EEE; color: #CCC; padding: 5px 0px 0px 0px; }
結局、以下のように書き換える。Operaの場合、ウィンドウを縮めても、右部が左部の下に落ち込むことが無くなった。IEでは変わらずダメ。
#content { position: relative; float: left; width: 70%; background: #FFF; margin-bottom: 15px; }
#links { float: right; left: 70%; width: 30%; background: #EEE; color: #CCC; padding: 5px 0px 0px 0px; }
