別冊はてな話 このページをアンテナに追加 RSSフィード

2004-10-10

[]absolute;を使わずに3段カラム

position:absolute;を使わずに、3段カラムにする方法の模索中です。

<左カラム>

<.main>

<右カラム>

と書いていって、float:left;していけばいいと思ったのですが、.mainからあふれた英文があるとき、IEはそれを回り込んで右カラムを表示しようとするので、右カラムが画面の外にいっちゃったり下にいっちゃったりしてうまくいかないようです。(考え中)←思いつかなかった

(追記)

「左サイドバー&main」が右サイドバーを回り込むというアイディアで成功されました。

http://d.hatena.ne.jp/Yuichirou/20041011にまとめていただけてます。助かります。

さらに汎用性をもたせるためにdiv.sidebarをかませておきつつabsolute→staticという形で、テーマの.sidebarクラスに関する指定(.sidebar pとか)を活かすことはできないかと考え中です(とりあえず後回しですが)。各テーマを試してみればわかりやすいかな。(追々記:汎用化計画いきなり挫折。テーマを活かせるテンプレ作りはかなり難しそう。かなりカスタマイズできる人向けのテクニックと認識しました。)

YuichirouYuichirou2004/10/10 19:38やりました! 何とかIE・Operaで期待通りに表示できるようになりました。何をどうしたかを日記に書いたので、残りの問題の参考にしてください。

sugiosugio2004/10/10 20:49そっかあ、最初のやつはきっとwidth解釈の違いで、ぜんぜんダメだったんですね。WinIEで見れないのでわからなかったんです。

YuichirouYuichirou2004/10/11 18:13テーマの.sidebarクラスに関する指定>…自分Hatenaテーマなので無視していました(hatena.cssには.sidebarの子孫セレクタは無いのです・汗)

sugiosugio2004/10/11 18:23あ、いえいえ、うまいテンプレ作ろうなんて無理ですよねっ。すみません思いついたあとテーマみてみましたら、やっとわかりました。他のテーマ利用時にはまたそれに合わせて対策が必要だと。
.sidebarに関しては、そこに必要だった指定があれば、新クラスに移し替えていけということになりますね。

YuichirouYuichirou2004/10/11 18:29…ソースのdiv.l(r)-sideberの中にdiv.sideberを入れれば、一応移し変えなしで適応できますが…うまくいくか…?

sugiosugio2004/10/11 19:14width指定が二重になってうまくいかないのでは。

sugiosugio2004/10/11 19:21div.sidebar {
position: static;
width: 100%;
margin: 0;
}
のようなものを追加すればある程度対応するかも。でもそもそも3カラムの表示が崩れるテーマが多数あるみたいなんですよね。

sugiosugio2004/10/11 19:32横幅が100%から溢れるらしいケースと、それ以外で理由のわからないものがありました。それぞれには対処法があると思うのですが、これで大丈夫と言うテンプレを作るのは難しいだろうなと、感じています。あとMacIE/OSXが意外とひどい結果があって(Safariがあるからいいのですが)、フォローが難しそう。
でもシンプルな骨組みだけでまとまっているのもけっこうお役立ちだと思います。

YuichirouYuichirou2004/10/11 19:47横幅が100%から溢れる>その場合はwidthをちまちま微調整してください(汗) 自分も法則性に気づくまでそれで頑張っていました…
MacIE>…またWinIEの腹違いの兄弟か…(注1:MacIEはWinIEとは全く別物として独自に作られました)(注2:以前友人から(その人の)ホームページがMacIEで正常表示されないと助けを求められ苦労した経験が…MacIEは未知です…)

YuichirouYuichirou2004/10/11 19:49今気づきましたが、「width: auto;」を使ってみては。

sugiosugio2004/10/11 19:58MacIEといえばOS9のMacIE5.0だと思うんですが、MacIE5.2/OSXがまたまったく別物なんですよねー……。OS9から乗り換えられない人はもう、今頃読めない日記がいっぱいあると思います。
今ちょっとやって見た所ではdiv.sidebarでautoと100%は同じでした。でもautoのほうがいいのかな?

YuichirouYuichirou2004/10/11 20:54「widthの幅=左右のボーダーラインの間」と取る(「box-sizing:border-box」の場合)ので、「width:100%」の場合、左右のマージンがはみ出る可能性があるのです。

sugiosugio2004/10/11 21:04ははーっ、なるほど。そうなるんですか。ありがとうございます。

トラックバック - http://beta.g.hatena.ne.jp/sugio/20041010

2004-05-30ダイアリーに書けと言うような話

[] アドベンチャーゲームツクレール

d:id:so5:20040528#1085735243さんの

の結果は「音楽」で、今日の運勢

1位 ★音楽

犬の言葉が分かりそう

でした。他の運勢の方が良さそうなんですけど。

アドベンチャーゲームツクレールというのもあって、キーワードを決めるだけでストーリーおまかせの3分程度ゲームが。今日の運勢を活かして

にしてみました。シナリオが面白いので内輪うけな配役でなにを入力しても面白そう。賢太郎な管理人さんが気に入ってくれるかもしれないのでリファ送っておきます。もう知ってるかもですけれども。

[] そういえば

http://d.hatena.ne.jp/./sugio/

これはリファ送り防止に役立つのかな。


む、送られない。理屈は知りません。

 

nobodynobody2004/05/30 14:07うわっかあちゃん。恥かしいよう。(賢太郎)▼その芸風は……、惣一郎さんっ! ばぅ (みごとです。しなもんくんと、うまーく、かけてある)。さすが。「天下の奇才人」と評されたかたはすごい。匠の技なり。

sasadasasada2004/05/30 15:29(冒険) 「◆あなたはこのゲームをクリアした8番目のプレイヤーです!」と表示されました。 8人目の挑戦者にして8番目のくりあっっっっ!!(笑) なぜベータグループなのか、やってみて分かった気がします(素で爆笑

sugiosugio2004/05/30 19:47そんなに美辞をもらったら恥ずかしいですよう(焼き鳥つまみにソルティドックを飲りながら目を3の字にして)

sugiosugio2004/05/30 19:49クリアありがとうございます。や、おま訳の1日分の更新に足りないというだけで、登場人物がときどきひどい末期を迎えたりすることはあんまり気にしてないのですが…。

sugiosugio2004/05/30 19:56敵の名前を増やしてエピソードを固定できたらなあ。あんたがたどこさとヒヨコで攻撃してくるシナリオならmutronixさんとか。ひよこは日向地鶏。

sugiosugio2004/05/30 19:59「これは自動的に生成されちゃうものだから」という言い訳は立たなくなりますが。

2004-05-24

[]メールなのでいちおう伏せます

Subject: はてなグループ yakugoグループへ問い合わせがありました。

はてなグループ yakugoグループへ問い合わせがありました。

【タイトル】

あ、グループできてる!!

【メールアドレス】

http://○○○○.g.hatena.ne.jp/○○○○/ って、メールアドレスか?

【本文】

フレー、フレー、ガンガレー!!

ありがとうございます。コンセプトづまりでぜんぜん手ェつけてませんが。

超いいかげんなメールアドレスで問い合わせできることがわかってショックです。

トラックバック - http://beta.g.hatena.ne.jp/sugio/20040524

2004-05-15

[]メモ

ウェブ日記における馴れ合い、おべんちゃら、クネクネ・・・

究極の馴れ合いとはどんな姿だろうか・・・それに適した形態はスレッドだろうか、メールだろうか、ブログだろうか。

クネっていることを自覚してしまうとクネではないのか。いや、自覚していいはずだ。

クネクネに必要な要素にはなにがあるのだろうか。

隠ぺいされたクネクネはクネクネだうか。ちょっと違う気もする。

でもブラジャーみたいに見せクネと下着クネがあるかもしれない。

下着クネは閉鎖性はバッチリだがお互い本当に仲が良くないと続かない気がする。

究極はやはり見せクネか。


はてなグループの利用案に関するメモ。

[]クネ要素

  • コミュニティは生産性がないほど良い(非生産性)
  • コミュニティは閉鎖的であるほど良い(閉鎖性)
  • コミュニティは逃避的であるほど良い(逃避性)
  • コミュニティは躁状態であるほど良い(躁狂性)
  • 連絡密度が高いほど良い
  • 個々が自惚れであるほど良い★
  • 無害だが目障りなのが良い(関連…イチャイチャ)
  • ある共通の価値観★
  • ある共通の境遇
  • 追従★
  • 美辞

つまり集団的自惚れ行動なんだな。その活動が外界の評価と食い違うほど良いのか。

いや、有害だと違う気がする。凶悪犯同士が褒めあっていると、クネクネというより恐い。やっぱり無害で目障りなのが最高だ。

ある共通の価値観選びが難しい。何に価値を置いているのかで質が変わる。

生産性がないのも重要だ。飲み会で親睦を深めるような閉鎖的な躁状態はよくあるし、熱々のカップルにはほとんどのクネ要素が当てはまるが、会社や恋人同士では生産性が生じてしまうかもしれない。

しかしまったくないのも違う気がする。生産性の過大評価が最高なのだろうか。

外から見てまったくうらやましくないが、内輪では高揚できる交遊。

もうひとつ要素がしぼれない。

[]ある共通の価値観選び

すぐに浮かぶのはアニメやサイト、パソコン知識のつながりだが、もっと権威づけされた価値観の方が思いきりクネれるのではないだろうか。

元インドネシア大統領夫人のサロンとか、勲位何等の集いとか。

そういう方向で、本当にぜんぜんうらやましくないコミュニティがいいように思う。

……学歴、資格、出身……古美術、古武道、古泳法……

うーん。

やっぱり血統とか、正統性によりかかったものがいいかな。

トラックバック - http://beta.g.hatena.ne.jp/sugio/20040515

2004-05-11

[]はてなグループへの要望:キーワード画面のHTML 01:06

グループの設定でヘッダの非表示ができて、トップページのデザインの幅が広がるのが嬉しいところです。(追記:あ、これは有料オプションだったのか……)

でもキーワード画面のヘッダも消えて、トップページへのナビゲーションがまったくなくなってしまうので、実質的にヘッダを外すのはあきらめざるを得ないなと感じています。(追記:私自身はもうあきらめたのですが……)

キーワード画面のヘッダが書ければ、menuモジュールを書かせてもらえれば、という要望です。どうかご一考下さい。(追記:無料好きですいません)>g:hatena:id:hatenagroup

追記:http://hatena.g.hatena.ne.jp/hatenagroup/20040517#1084748530 メニューヘッダにTOPへのリンクが加わりました。対応ありがとうございました。あとから気が付いたのですが、全体のヘッダとフッタを管理者が書けることを理解していませんでした(設定画面のヘッダ、フッタ欄を自分の日記のためのものと勘違い)・・・。TOPへのリンクは張れるということですよね。すみません・・・。

トラックバック - http://beta.g.hatena.ne.jp/sugio/20040511
日記内検索
カレンダー
<< 2019/04 >>
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
画像置き場