えす＃０５５のブログ一覧

元ネタはこちらですが、表示幅を変えて６２０ｐｘと６６０ｐｘを二種類作って見ました。なぜこんな中途半端な数値なのかというと、自分の環境に合わせたからなんですね。写真は６６０ｐｘです。


最大９００ｐｘまで確認してますが、ディスプレイの関係上そこまでは広くなくても良いかなと思ってます。ＩＥ６の場合は広告側にコンテンツ領域部分がはみ出ると、サイドメニュー全体が下部に廻り込んでしまいます。ＩＥ７は広告の下にコンテンツ領域がはみ出ても、サイドメニュー領域に重ならなければ大丈夫なようです。

それを逆手にとって広告をトップには出さないスタイルも作れるのですが、表示が崩れているとは思われたくないので頑張ってみました。
一部気になるところもありますが、宜しければ使ってみてください。
７００ｐｘ対応や８００ｐｘ対応は希望があればアップしますが、スタイルシートをある程度読む事が出来れば、修正箇所はすぐ解かると思います。

使い方は、
テキストエディタメモ帳などのを起動して、
リンク先のテキストをマウスで範囲指定してコピーした後
メモ帳に貼り付けして名前を付けて保存します。
保存したファイルの名前は「(任意の名前).css」にリネームして下さい。

後はこのファイルを読み込めば、ＯＫです。多分
読込方はこちらが参考になるかと思います。

この記事は、写真サイズ640px, 700px, 800px対応スタイルシート(700pxはIE6対応) について書いています。