floatを使わずにinline-blockで横並びにする方法｜web bibo
/* CSS（スタイルシート）に関する知識・テクニックなどの備忘録 */ 文字サイズ 大 中 小 現在のページ： HOME » CSS レイアウト・ボックス » floatを使わずにinline-blockで横並びにする方法 floatを使ってボックスを横並びにする場合、その中で高さが違うボックスが混ぜっていると、そこでレイアウトが崩れてしまいます。ブログやCMSなど自動的にボックスを生成するとき、高さの違うボックスがでてくる場合があるので、この方法を知っておくと便利だと思います。 floatで横並びにするとレイアウトが崩れる場合がある 先述しましたが、floatで横並びにすると高さが違うボックスが混ぜっている場合、レイアウトが崩れてしまいます。 <div class="wrap"> <div class="box">float 1</div> <div class
floatボックスが親ボックスを突き破る問題 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 floatボックスが親ボックスを貫通して表示される問題について。いわゆるclearfixに関するアレコレ。 親ボックスの中に「box_A (float:left;)」と「box_B (float:right;)」があるとする。OperaやFirefox等のモダンブラウザで見てみると、中身（floatボックス）の高さが親ボックスに反映されていないことが判る。ちなみに上記のソースは以下。 <div style="width:140px; padding: 10px; border:1px solid #666; color: #333;"> <div style="flo
いままでありがと、IE6。をした方が良いかも...な色々。
ホントに長い間王座に君臨し続けた Internet Explorer（以後：IE）6 ですが、制作者の願いとしては大半の人がIE6 の使用を止めて欲しいと願っているかと思います。 ボクもその一人なんで、以前「IE6で閲覧すると。」なんて記事も書いてます。 IE6を使っている人が他のブラウザに移行しない理由の一つとして「移行する必要が無いから」ってのが大きいのかなーと個人的には思います。 IEのバージョンを上げると社内のシステムが～とかは、社内のシステムを閲覧する時用ブラウザとして使えば良くて、別のブラウザを使うことは出来るんじゃないかな。 まぁ大きな会社は、何かインストールするだけでも許可が必要とか色々事情は有るんでしょうけど、それでも乗り換える必要がやっぱり無いんでしょうね。 だって、普通にサイトを見るだけならIE6でそんなに困らないですからね。 ここで言ってる「移行する必要」ってのは、
IE6の“葬儀”行われる Microsoftから献花も
3月4日、Internet Explorer（IE）6を弔う「葬儀」が、米コロラド州デンバーで行われた。多数の人が参列し、長年親しまれたWebブラウザに別れを告げた。 この葬儀は、米国のAten Design GroupというWebデザイン企業が主催したイベント。Googleが3月1日に一部サービスでIE6のサポートを打ち切ることから企画された。 葬儀は4日にデンバーのレストランで行われた。報道によると、80～100人が参加したという。棺や「遺体」も用意され、IE6の「生みの親」であるMicrosoftから花も贈られた。MicrosoftのIEチームが贈った花には「素晴らしい時をありがとう、IE6。皆さん、MIXでお会いしましょう。IE天国の一端をお見せします」というメッセージが添えられている。MIXは3月半ばに開かれるMicrosoftのイベントで、IE9が披露されるとうわさされている。
「IE6は9年前の腐った牛乳」――Microsoftがアップグレード呼び掛け
9年前にリリースされたInternet Explorer（IE）6を使うのは、9年前の腐った牛乳を飲むようなものだ――Microsoftの豪法人が、Webブラウザのアップグレードを促すキャンペーンを実施している。 「IE6は2001年にリリースされたときは、最新のセキュリティ機能を備えていた。その後インターネットは進化し、IE6のセキュリティ機能は時代遅れになった」。Microsoftはキャンペーン特設サイトでこのように述べ、新しいセキュリティ機能を備えたIE8への乗り換えをIE6ユーザーに勧めている。 特設サイトでは、オンライン詐欺やWebブラウザのセキュリティに関する調査結果や、IE8のセキュリティ機能を紹介し、オンライン詐欺から身を守るためにIE8に乗り替えようと呼び掛けている。また「知り合いにIE6を使っている人がいたら教えてほしい」と、友人の名前とメールアドレスを提供するよう呼び
WriteRoom（Mac）とNotebooks（iPhone）に関するエンコードの問題について - うだがわ農園ダイアリー
* このエントリは2010年10月18日現在の情報に基づいています。 Mac には WriteRoom という個性的なテキストエディタ（といえばいいのかな）がありますけれども、あの “書くことだけに集中できる” 全画面表示が気に入っている人って、意外といらっしゃるんじゃないかと思います。 かくいう僕の場合も、WriteRoom で書いたテキストを、Dropbox や MobileMe iDisk などのいわゆる “クラウド” に保存しています。 そうしておけば iPhone からも読み／書きできますし、複数の PC／Mac 間でも同期がとれますので、これまた意外に便利、なんですよね。 で、iPhone からの読み／書きには Notebooks というアプリを使っています。 iPhone にも WriteRoom というアプリがあったかと思いますが、クラウドと連携していて、その他さまざまなフ
Evernote にメールする際にうれしい、ノートブックとタグの追加機能
実は Evernote で一番手軽なノートの追加方法は電子メールという話もあります。 Evernote の設定欄にいくと表示されている「ユーザー名.12345@m.evernote.com」といったアドレスにメールを送るだけでノートが追加されるという機能ですね。 たとえば iPhone でノートを作る際にも、アプリで写真を送るよりはメールで件名・本文をつけて送信した方が手早くノートを作ることができますし情報を盛り込むことができます。 これまではこの方法だとノートはデフォルトのノートブックに格納されるだけで、タグなども追加されませんでしたのであとで整理する必要がありましたが、今日追加された新機能でメール送信時に件名をいじくることでノートが送信されるノートブックとタグ情報を操作できるようになりました。 たとえば「ブログネタ」というノートブックに送る場合は、次のように件名に「@」をつけた形でノー
"通"御用達、CSSハック - CSS Dencitie
さて、先ほどのインラインのタブ・メニュー、何か妙なものが混じっていました。前に下線の付いたプロパティがあったり、同じようなセレクタに対して同じプロパティを指定していたり。 「ブラウザごとの差の吸収をします。」 先ほどはこの一言で終わりましたが、まさしくその部分です。 CSSにおける「ハック(Hack)」とは、各ブラウザのバグを利用して、そのブラウザにおける微調整を行おうというものです。よって、公式仕様では間違っている記述をします。 しかし、現状では、CSSについてバグの無いブラウザは存在せず、また実装の差による細かな単位計算の違いなどの問題もあり、各ブラウザでの微調整を欠かすことは出来ません。 まず、全体を鳥瞰しましょう。 Windows版InternetExplorerのバグを利用するハック Windows版InternetExplorerでは、プロパティの前に様々な特殊記号を置いても、
9つの最高の国産テキストエディタ｜デジタルマガジン
9つの最高の国産テキストエディタ 2008年05月13日 17:00 Tweet Check 前回の記事「6つの最高のテキストエディタ」が人気だったため、日本人向けのテキストエディタを紹介することにしました。単に例のエディタが入ってないぞ！というメールが多かったせいでもありますが・・・。 ・秀丸エディタ（Windows） おそらく日本のWindows環境で一番愛用者が多いテキストエディタ。これが入っていなかったので「秀丸は？ねえ秀丸は？」と散々聞かれてしまいました。秀丸エディタの特徴を簡単に言うと、あつかえる要素がメモ帳と比べて限りなく大きい。という一言に尽きると思います。ファイルサイズもそうですが、アンドゥ・リドゥ、カスタマイズ機能、検索機能など、その機能性にはお金を払うだけの価値が十分にあります。様々なマクロが愛用者によって公開されており、それをキーにバインドすることで自由に使うことが
6つの最高のテキストエディタ｜デジタルマガジン
6つの最高のテキストエディタ 2008年05月07日 17:00 Tweet Check 最高が6つって日本語がおかしいだろう？と突っ込まれそうですが、とにかく6つの最高のテキストエディタを紹介します。 メモ帳？あんなもの不便もいいとこですよ。これを使ってないあなたは時間を無駄に浪費しています！ ・Notepad++（Windows） Notepad++はNotepadより良い何かを探しているWindowsユーザーのためのテキストエディタです。Notepadに搭載されていない先進的な機能の大部分を取り扱っています。ユーザインターフェースは最初は不自由に思うかもしれませんが、すべてカスタマイズすることができます。不自由なのは時間とあなたの想像力によって制限されているからです。お値段無料。 ・Emacs（すべてのOS） プログラマー向けのテキストエディタ。コードに注力したマクロやコマンドが備え
【速報】Mac OS X 10.7 Lion新機能速攻まとめ！（動画あり）
【速報】Mac OS X 10.7 Lion新機能速攻まとめ！（動画あり）2010.10.21 04:07 satomi これが、Mac OS X 10.7 Lion。 予想通り、アップルのOSはiPadと同じ方向に向かってますねー。先ほど発表になった主な機能をビジュアルチェック＆分析してみましょう！ Mac OS X LionのUIパラダイム、それは昔ながらのモーダルコンピュータを今に甦らせたものです。そこにiOSで成功した機能（アプリ自動インストール機能を備えたApp Store、ローンチパッドを進化させたスプリングボードなど）を投入し、さらにモーダルなUIの問題点を解決する｢Mission Control｣なんかの新しいUIエレメントが加わっているのが特徴です。 フルスクリーンモード＆モーダルコンピューティング 個人的に新OSで最も重要なのが、このフルスクリーンモード。アプリはすべて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブックコミュニティ [boox(ブークス)]
C#たんと学ぶ／わりと硬派なソフトウェア開発講座 第1回「C#でできること」