Googleの検索窓などを貼り付けたい
-
0 名前： やままや ： 2005/08/04 23:12
- はじめまして。やままやです。
TeraPadを使って、IE6でプレビューしながらCSSで作っています。
Googleの検索窓や、一行ニュース（ラインニュース）などを
<div id="aaaa">〜</div>
の「〜」の部分に、拾ってきたソースを直接貼り付けて反映させよ
うとしています。
ところが、スタイルシートで height や width をしっかり指定して
いるのに、プレビューすると大きく崩れたり、指定した height 以
上の高さになったり、CSSで指定していない border でGoogle の検
索窓が囲まれたり、WindowsXP（SP2)のポップアップメッセージ
「セキュリティ保護のため、コンピューターにアクセスできるアク
ティブコンテンツは表示されないよう、Internet Explorerで制限さ
れています。・・・・」
が出て、ちゃんと表示できません。
ホームページビルダーで作ったときは、難なく貼り付けることが出
来てたのですが…。分かりません。
どなたか回答の程よろしくお願いします。
-
1 名前： phpinfo() ： 2005/08/04 23:12
- ソース or URIの提示を。
-
2 名前： やままや ： 2005/08/04 23:12
- 返信遅くなってすみません。よろしくお願いします。
まだWebにUPできませんので、ソースを掲載します。
☆スタイルシート側ソース（抜粋）
div.main {margin-left: 15px;
float: right;
width: 600px;
}
div#main1 {margin-top: 5px;
height: 60px;
}
☆HTML側ソース（抜粋）
<div class="main">
<div id="main1">ここに一行ニュースなどを入れたい</div>
3段カラム（左・メイン・右）で表示させる予定です。
メインにGoogle検索窓や一行ニュース（ラインニュース）などを貼り付けたいです。
掲示板などに初めて投稿するので、ソースの貼り付け方に失礼がないかどうか心配です（汗）。
以上、よろしくお願いします。
-
3 名前： やままや ： 2005/08/04 23:12
- 未完成ですが、ソースを全て添付します。
先ほどは、時間がなくて部分的にしか貼り付けで来ませんでした。
あ、あと、連続投稿すみませんｍ(＿)ｍ
【外部スタイルシート側ソース】
body {margin-top: 20px; text-align: center;}
a img {border : 0;}
a.imglink:active { position : relative; top: 2px; left: 2px;}
<!--ここからinbox -->
div.inbox { width: 1020px;}
div#inbox1 { float: left; height: 90px;}
div#inbox2 { margin-top: 5px; height: 5px; background-color: #6699cc;}
<!-- ここまでinbox -->
div.wrap {float: left; width: 815px;}
<!-- ここからmain -->
div.main { margin-left: 15px; float: right; width: 600px;}
div#main1 { margin-top: 5px; height: 60px}
div#main2 { margin-top: 5px; height: 100px; }
<!-- ここまでmain -->
<!-- ここからleft -->
div.left { float: right;}
div#left2 { top: 25px; width: 185px; height: 30px; margin-top: 5px; background-color: #999999; color: #ffffff; font-weight: bold; text-align: center; border: thin solid #333333;}
<!-- ここまでleft -->
<!-- ここからright -->
div.right { margin-top: 5px; margin-right: 5px; margin-left: 15px; float: right; width: 185px;}
div#right1 { height: 300px; background-color: #cccccc;}
div#right2 { margin-top: 5px; height: 150px; border-width: 0px 0px 1px 1px; border-style: solid; border-color: #999999;}
<!-- ここまでright-->
以上がスタイルシートです。
-
4 名前： やままや ： 2005/08/04 23:12
- 続きです。重ねて連続投稿してすみません！
【HTML側ソース】
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<meta http-equiv="Content-Style-type" content="text/css">
<title>HTML側ソース</title>
<link rel="stylesheet" href="CSS側ソース.css" type="text/css">
</head>
<body lang="ja">
<!-- ここからinboxエリア --!>
<div class="inbox">
<div id="inbox1">看板</div>
<br clear="left">
<!-- ↑↑看板の下にラインを持ってくるために、回り込みを解除 --!>
<div id="inbox2"></div>
<!-- ここからwrapエリア --!>
<div class="wrap">
<!-- ここからmain --!>
<div class="main">
<div id="main1">ここに1行ニュースを貼りたい</div>
<div id="main2">ここにGoogle検索窓を貼りたい</div>
</div>
<!-- ここまでmain --!>
<!-- ここからleft --!>
<div class="left">
<div id="left2">左画像１</div>
</div>
<!-- ここまでleft --!>
</div>
<!-- ここまでwrapエリア --!>
<!-- ここからrightエリア --!>
<div class="right">
<div id="right1">右画像１</div>
<div id="right2">右画像２</div>
</div>
<br clear="all">
<!-- ここまでrightエリア --!>
</div>
<!-- ここまでinboxエリア --!>
</body>
</html>
以上、大変長くなってすみません。ご回答のほどよろしくお願いします。
-
5 名前： やままや ： 2005/08/04 23:12
- 記事を見ていただいた方、感謝します。
先日投稿した状況から少し改善されましたので、進行状況をお知らせします。
Googleの検索窓は貼り付けすることが出来ました。
また、一行ニュース（ラインニュース）を2箇所に別業種のものを貼り付ける予定です。
そのうち一箇所には貼り付けることが出来ました。
後一つの一行ニュースが、heightが非常に大きくなる形でしか表示できません。
しかも、
「セキュリティ保護のため、コンピューターにアクセスできるアクティブコンテンツは表示されないよう、Internet Explorerで制限されています。・・・・」
の表示が相変わらず出ます。
一行ニュースのソースに何か秘密があるのか、私が作成したソースがいけないのか・・・、いまだに分かりません。
以上、報告終わります。重ね重ね、連続投稿お許しください。ｍ（＿）ｍ
