人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

自分のサイトを、ブラウザのお気に入りを表示しないで見た場合(全画面表示)、デザインが崩れて右側にスペース(余白)が空いてしまいます。お気に入り等をサイドバーに表示していない時だけ、スペース欄に広告を表示したいのですがそう言ったサンプルはありませんか? 具体的に下記のサイトです。(参考:http://www.msnbc.msn.com/id/3032542/site/newsweek)

●質問者: kyanasaki
●カテゴリ:ウェブ制作
✍キーワード:お気に入り サイト サイドバー デザイン ブラウザ
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● jyouseki
●5ポイント

http://www.sourcenext.com/products/builder9/

ソースネクスト

推測ですが、ホームページ作成ソフトはNinjaをお使いでしょうか。いずれにしてもホームページ作成ソフトの問題です。

ホームページビルダーをお勧めします。

◎質問者からの返答

DreamWeaverで、テーブルでレイアウトを作っています。

3カラム、右メニューを%で指定しており、全画面表示した場合、

余白が出来てしまいます。ちなみにブラウザはIE6。

HBは初心者用で、私には残念ながら合いません(>_<)


2 ● jouno
●50ポイント

http://jsgt.org/js/books/dhtml2/part3/cross/getinnerw.htm

getINNERWIDTH()

javascriptでgetINNERWIDTH()をつかって、ウィンドウの横幅を取得して、これが1024pxのときだけ、広告が表示されるようにします。


<script>

function getINNERWIDTH(){

if(window.opera)

return window.innerWidth //o6,o7用

else if(document.all)

return document.body.clientWidth //e4,e5,e6用

else if(document.layers)

return window.innerWidth //n4用

else if(document.getElementById)

return window.innerWidth //n6,n7,m1,s1用

return null

}

</script>


をヘッダー内において、


<script>

var w = getINNERWIDTH();

if(w == 1024){

//広告を表示する処理をここに書く。

}

</script>


というのを表示する場所においてください。

◎質問者からの返答

サンプル提供ありがとう御座います!

早速試してみたいと思います。ヾ(^v^)k


3 ● english
●20ポイント

http://www.marguerite-site.com/Nihongo/HowToMakeYourWeb/DHTML/Wi...

クライアント領域サイズを得る(ウェブの作り方・ダイナミックHTMLとDOM)。

クライアント領域をJavascriptで取得し、一定サイズ以上であるかどうかで、バナー広告を表示する・しないを変更させることができます。実際、MSNのサイトでも935pxあるかないかで判断しているようです。JSファイルの中で書かれていましたが、詳細を書くのは問題があるかもしれませんので・・・。


その代わりに、参考URLをご参照ください。この参考URLの内容をカスタマイズされれば、実現されたい内容はできるのではと思います。


もし、自分でさらに調べられる場合には、document.body.clientWidthをキーワードに検索されることをお奨めします。

◎質問者からの返答

参考になります。

是非一度勉強してみようと思いますm(__)m


4 ● manimusu
●5ポイント

http://amanatu.com/adsenseall/music-jp/583942/

バナー一覧

縦長バナーのサンプルが3つあります。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ