08/10/18 17:38:17
+ ←こういうボタン押すとボタンの下にリストみたく表示される
タグを見かけたんですがいまいち思い出すことができません。
知ってる人いましたら教えてくださると助かります。詳しく説明できなくすみません・・・
797:Name_Not_Found
08/10/18 17:41:43
JavaScript メニュー
ググレ
798:Name_Not_Found
08/10/18 17:47:59 j4Iv7bnE
HTML手打ちでWebサイトを作り始めて1ヶ月の初心者です。
２カラム固定のサイトを作ったのですが、なぜかSafariだけサイドバー（左の部分）が
カラム落ちしてしまいます。IEでは問題ありません。
もう２週間くらい原因解明していますがわかりません。。
どなたか原因を教えていただけないでしょうか。
お願いいたします。
以下、HTML
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"URLﾘﾝｸ(www.w3.org)">
<html xmlns="URLﾘﾝｸ(www.w3.org)">
<head>
<title>○○○</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<div id="container">
<div id="header"><h1>○○○</h1></div>
<div id="content"><hr /><h2>○○○</h2><hr />
<div id="○○○"><img src="image/○○○.gif" alt="○○○" /></div>
<p>・・・・・・・・・・・・・・・・・・・・・・・・・</p></div>
<div id="sidebar">
<img src="○○○.gif" alt="○○○" />
<hr />
<ul id="list">
<li><a href="○○○.html">○○○</a></li>
<li><a href="○○○.html">○○○</a></li>
</ul></div></div>
</body>
</html>
799:Name_Not_Found
08/10/18 17:52:18 j4Iv7bnE
以下、CSS
#container {width: 950px; margin-left: auto; margin-right: auto; position: relative; }
#header { height: 132px; }
#header h1 {display: none; }
#header img {border: 0; }
#rogo-back {width: 950px; }
#content { width: 700px; float: right; margin-top: 5px; margin-left: auto; margin-right: auto; margin-bottom: 30px; min-height: 10px; text-align: left; }
#content h2 { width: 700px; font-size: 1.5em; margin-top: 0px; margin-bottom: -3px; color: #696969; }
#grape { margin-left: 200px; margin-top: 10px; margin-bottom: 20px; }
#content hr { width: 700px; height: 1.5px; color: #d3d3d3; border: #d3d3d3; background: #d3d3d3; }
#content p { width: 700px; margin-top: -20px; line-height: 1.4; font-size: 0.9em; }
#content table { width: 700px; margin-top: 10px; margin-bottom: 30px; line-height: 1.4; font-size: 0.9em; }
#sidebar { width: 200px; float: left; margin-top: 10px; margin-bottom: 30px; text-align: center; }
#sidebar img { text-align: left; margin-left: 20px; margin-top: 10px; }
#sidebar hr { text-align: left; margin-left: 40px; width: 130px; height: 5px; color: #d3d3d3; border: #d3d3d3; background: #d3d3d3; }
#sidebar ul { text-align: left; width: 180px; border: solid 1px #d3d3d3; margin-top: -55px; margin-left: 0px; padding-top: 55px; padding-bottom: 10px; padding-right: 0px; }
#sidebar li {font-size: 0.8em; margin-top: 0px; margin-left: 20px; list-style-type: square; color: #d3d3d3; }
#list a { text-decoration: none; font-weight: bold; color: #696969; padding: 3px; }
以上
800:Name_Not_Found
08/10/18 17:59:47
>>798-799
Safari3.1.2にはバグあり
Ver.4を待つように
問題とは別に、
xhtml1.1使わないように
完全対応ブラウザ少ない
801:Name_Not_Found
08/10/18 18:10:11
>>798-799
cssの全角スペース
802:Name_Not_Found
08/10/18 18:16:47
>>797
どうもありました。ありがとうございます
803:Name_Not_Found
08/10/18 18:17:14
お遊び要素として、隠しリンクを設置して見つかりにくいように
URLﾘﾝｸ(www.broadband-xp.com)
ここのページの用に、ソースを文字化けさせる方法はないでしょうか？
EUCとかにするとメモ帳では文字化けしますが、他のツールや火狐だと普通に表示されちゃいますよね？
このページのはメモ帳、火狐でもソースが文字化けするので、どうやるのかなと思いました。
文字コードUTF-8で保存してアップロードしてもこのページのように文字化けさせることはできませんでした。
わかるかたいらっしゃいましたらどうぞよろしくお願いします。
804:Name_Not_Found
08/10/18 19:13:18
だから、そこのサイトに書いてあるようなことをすればいいんでない？
805:Name_Not_Found
08/10/18 19:17:46 j4Iv7bnE
798-799 です。
>>800
ご指摘ありがとうございます。
XHTML1.1は使わない方がいいとのことで調べてみまして、
XHTML1に変更しました。
バグについては知りませんでした。
BrowsrCampというSafari環境を再現するネットサービスでしか
確認してませんが、やはりカラム落ちします。
２カラムのサイトはどのような対策をしてIEと同じ環境を作り出しているのでしょうか。
>>801
書き込みの際に全角スペースにしてしまいましたが、本来はスペースはありません。
わかりづらくてすみませんでした。。。
806:801
08/10/18 20:15:55
>>798
別に適当に言っているわけではない。
そのソースそのままで
全角スペースを半角スペースに変換したら
safariでもきちんと2カラムになるぞ。
WIN版safari3.1.2
807:Name_Not_Found
08/10/18 21:03:08 j8DuZ2fN
検索ワードを何にしていいか分からず、悩んでいます。
アドバイスお願いします。
a.htmlからb.htmlをjavascriptのwindowメソッドを使ってポップアップ画面で表示し、
b.htmlを表示したまま、b.htmlのボタンを押すとa.htmlの画面をc.htmlに画面遷移させる
ことはできますでしょうか？
できるのであれば、どのような方法を使えば実現できるか教えて頂けないでしょうか？
宜しくお願いします。
808:Name_Not_Found
08/10/18 21:20:13 j4Iv7bnE
798-799 です。
ご指摘ありがとうございます。確かに全角がかなりまぎれていましたので、すべて削除して半角だけにしました。
でも、カラム落ちしてしまいます。
Win版では問題ないのかもしれないのですが、Mac版Safariではカラム落ちしてしまうようです。
Macの友人に確認してもらいました。
色々な本やサイトを見て、その通りにしてもだめです。やはりバグのせいなのか。。
難しいです。
809:Name_Not_Found
08/10/18 21:21:03
>>807にはopenerを検索する権利をあげよう
810:Name_Not_Found
08/10/18 21:38:32 AEDmhffG
>>806
すげーな。
811:Name_Not_Found
08/10/18 21:46:34 j8DuZ2fN
>>809
ありがとうございました。出来ました。
こんなオブジェクトがあったとは。見逃してました。
助かりました。
812:Name_Not_Found
08/10/18 21:49:23
URLﾘﾝｸ(www.hamakin.net)
このツールでキーワードで順位チェック良くするんだけど、
「じゃーどうすれば順位があがるか？」ってのがよくわからん。
とりあえず、これやれ！ってのおしえて。
813:Name_Not_Found
08/10/18 21:50:51
リンクファーム
814:Name_Not_Found
08/10/18 23:14:37
>>809はもっと評価されていい
>>812
【SEO】下らねぇ質問はここに書き込みやがれ 1
ｽﾚﾘﾝｸ(hp板)
815:801
08/10/19 00:47:57
>>798
BrowsrCampで見てもカラム落ちは発生しない。
たぶんバグではなくソースのどこかに間違いがあるんだと思うよ。
ちなみにFirefoxやOperaでは確認してみたのかな？
816:Name_Not_Found
08/10/19 03:10:33 6UrjGnPx
URLﾘﾝｸ(www.nicovideo.jp)