タグ

cssに関するsayz5150のブックマーク (3)

  • CSSでマルチカラムレイアウト

    はじめに 連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、連載の総まとめとして、CSSでマルチカラムレイアウト(段組レイアウト)を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLCSSの基を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 (X)HTMLCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は

    CSSでマルチカラムレイアウト
  • IEを華麗に撃墜する一行 - ぼくはまちちゃん!(Hatena)

    はい! こんにちは!!!!! 今日は、偶然ブラクラ発見しちゃったから、それをお伝えしますね! これだよ! <style>*{position:relative}</style><table><input></table> → サンプル (IEだとブラウザが終了しちゃうよ! 注意してね!) IE6とかIE6のコンポーネントブラウザだと確実に落ちちゃうみたいだね! IE7は確認してないけど! tableとかtrの直下に、inputとかselectがあって、 そのあたりにcssの全称セレクタでposition:relativeがあたっているとダメなかんじかな! ちなみにinputにstyleで直接relativeあてても落ちなかったよ! なにこれ! よくわかんないけど面白いね…! FirefoxとかOpera大好きっ子は、 これをたくさんバラまいてIEのシェアをどんどん下げちゃえばいいと思うよ!

    IEを華麗に撃墜する一行 - ぼくはまちちゃん!(Hatena)
  • 話し合い研究プロジェクトLSSL

    話し合いを通じて,コミュニケーション・コミュニティー支援を考える。 現在,様々な社会的場面で,話し合いのチカラが見直されています。しかしながらその一方で,話し合いではうまくいかない ということも多いでしょう。では話し合いは,なぜうまくいかないのでしょうか?どうすれば,話し合いはうまくいくのでしょう? わたしたちは,いろいろな社会的場面での話し合いを対象とし,さまざまな角度から話し合いを考え,話し合いを通じた支援の形を追求しています。 プロジェクトは,独立行政法人科学技術振興機構(JST)・社会技術研究開発センター(Ristex)の研究開発プログラム「21世紀の科学技術リテラシー」のH18年度採択「自律型対話プログラムによる科学技術リテラシーの育成」プロジェクト(代表:大塚裕子)を前身とし,現在も,教育現場,社会における話し合い現場で,様々な活動を続けています。 お知らせ ◎評価を持って街

  • 1