• ベストアンサー

リキッドデザインとは？

たとえば、このふたつのページ。 http://www.sotechsha.co.jp/pc/html/568.htm http://www.tagindex.com/kakolog/q2bbs/501/714.html ウィンドウの横幅を狭めると、 ・前者には横スクロールバーがあらわれる ・後者には横スクロールバーがあらわれない ということは、 ・前者は「リキッドデザインではない」 ・後者は「リキッドデザインである」 という解釈でいいですか？ それと、「リキッドデザイン」と「リキッドレイアウト」はだいたい同じような意味ですか？

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • Fuu1962
  • ベストアンサー率29% (426/1425)
回答No.1

御意。 ただ、検索してみるとあんまりヒットしないのが不安です。 それから、後者ですが、そもそも「カラム」を使っていないので、あんまり参考にならないと思うのです。 もしかしたら「リキッドレイアウト以前。」 たとえばこのOKWaveだと(gooでも同じだと思うけど）右側（gooは左側）にメニューだったり広告だったりする部分があります。 そういうのがあって、それぞれの幅を決めるときに、そういう悩みが出てくるのだと思います。 これらの場合、余白で調整しているだけですけどね。 なんてね。 わたしも詳しくないのでこの辺でやめます。

osietenick
質問者

お礼

たしかに ｈttp://ｗww.tagindex.com/kakolog/q2bbs/501/714.html はカラムを用いていないので、あまり良い例ではありませんでした。 回答ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • Flashのメール本文の改行は?

    いつもお世話になっております。 FlashのActionscriptに【mailto】というのがありますよね？ それを使って、 http://www.tagindex.com/kakolog/q2bbs/101/184.html 上のサイトに書かれている具合に改行させたいのですが、あのタグではいけないのか、本文には何も表示されません。 別の方法を使った方がよろしいのでしょうか。

    • ベストアンサー
    • Flash
  • 画像の表示をリキッドにする方法

    android端末向けのHPを作成しています。 viewport を以下のように書きリキッドレイアウトで作成しているのですが、img srcで貼っている画像のサイズが変わらず横のスクロールバーがでてしまいます。 画面サイズに変更するにはどうすれば良いでしょうか？（BG指定でしか画像のサイズは変わらない？） <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">

    • ベストアンサー
    • HTML
  • ウインドウ幅に合わせてレイアウトを変更する

    こんにちは。はじめまして。 ブログを制作していて、疑問があるのでご質問させていただきます。 わたしが手がけているブログは、横幅が最大のものです。 つまり、今私のブラウザ（ウインドウ幅）で見る限り横いっぱいに広がっています。 その状態で、ウインドウのサイズを小さくしてしまいますと 横スクロールバーが現れてしまい、どのウインドウサイズに対応できていません。 ttp://www.designwalker.com/ こちらのサイトのように、ウインドウのサイズがどのサイズでも 横スクロールバーがでないようなレイアウトに自動的に変更するためにはどうすればいいのでしょうか？ わかりにくいご説明ですいません。 ご理解いただけた方、ご存知の方のご回答を心よりお待ちしております。 駄文失礼いたしました。 お手数をおかけいたしますが、よろしくお願いします。

  • Word2000で印刷レイアウト表示がファイルによってちがう

    Word2000を使っています 画面の一番左下にある画面の表示で印刷レイアウト表示を選んでいます （ほかの表示方法は下書き表示、Webレイアウト表示があります） そこで、あるファイルは印刷レイアウト表示で表示したら画面のなかにその紙一枚が完全に表示されている状態になっています。でももう一つのファイルを開くと画面で表示しきれずに横幅が少しはみ出しているので横スクロールをしないといけません。 それと前者の方が小さく表示されているのでフォントが同じにもかかわらず後者よりも小さく感じされます 両方のファイルのフォントや行間隔は全く同じ設定です。フォント１２，行間は２行です。 どこをいらったら同じ表示にできるのでしょうか？

  • Flashサイトのリキッドデザインについて質問です。

    Flashサイトのリキッドデザインについて質問です。 ユーザーがフラッシュのサイトのを見ている際に、ブラウザーのサイズを変えると、背景の画像だけがブラウザーのサイズに比例して拡大・縮小するけれども、その画像の上に表示されたメニューバー、ロゴ、コンテンツテキストなどは固定のままサイズをかえないサイトがあります。 ↓こんなサイトです。 http://www.junichitakahashi.com/main.html これは、どのように行っているのでしょうか。 ブラウザーのサイズに合わせて、すべてのコンテンツがサイズを変える、もしくは変えないとう設定の方法は、理解できております。 Action Scriptの諸先輩の皆様、ご教示ください。宜しくお願いいたします。

  • TEXTAREAタグが不安定な表示をしてしまいます…

    ソースを何も触っていないのに、TEXTAREAの下部に横スクロールのバーが出たり出なかったりしてしまいます。 横幅を指定していまして、私としては、横スクロールバーが出ないのが望ましいのですが…。 これはどういった時に起こる現象なのでしょうか？ IE6を使っているのですが、IE6の気まぐれバグ？

    • ベストアンサー
    • HTML
  • 画面サイズ・横1024の場合の表示可能サイズについて

    画面サイズ・横1024の場合の表示可能サイズについて いつもお世話になっています。 趣味のサイト再構築に当たり、流行のブログ風デザインにしようと考えているのですが、横幅のサイズで迷っています。 今までは800×600を基本にして、横幅700にして作成していました。 しかし昨今ではノートPCでも高解像度の製品が多く、自分のPCも横幅1280です。 サイトのアクセス解析等を見ても、1024以上が100%を占め、800サイズは一件もありませんでした。 そこで今回は1024を対象にして作成しようと考えているのですが、バランスを考えると横900くらいで作るのが無難なのでしょうか？ 背景には壁紙を挿入する予定ですので、余白部分があまり狭すぎても、おかしな感じになってしまいます。 そもそも1024の解像度の場合、スクロールバーの部分を計算に入れると、横スクロールバーが出ない最大横幅サイズはいくつくらいなのでしょう？ ご存知の方、いらっしゃいましたら教えて下さい。 また、実際に横1024を規定としてサイトを作成している方、横幅はいくつくらいで作っていらっしゃいますか？ 参考のためお聞きしたいです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 一口にWEBデザインといっても

    WEBデザインの本当にデザインの部分のスキルを高めたいと思っています。 レイアウト、カラー、フォント、ロゴ、キャラづくり等といった本当にグラフィカルな部分です。 WEBの歴史をたどると、WEBデザインには2つの道があったように思います。 HTMLを組む流れからきた人間と美大orDTP等のデザイン中心の紙からきた人間です。私は前者のほうでなんとなくすごしてきました。 しかし、いい素材が入ってる細かなつくりの後者の人には叶わないと思っています。 その場合、やはり専門とか通わないとだめですか？ 書籍とかもいいのがないように思いますが、学習するのに最適な方法があったら教えていただきたいのですが。

    • ベストアンサー
    • CSS
  • widthを％指定した時のマウスオーバーのバグ

    今仕事でレスポンシブなwebデザインをしています。一つ一つの画像の横幅を％で指定しているのでブラウザの横幅を縮めていくとレイアウトが崩れずに画像も小さくなっていきますが、この画像にjqueryでマウスオーバーを設定すると(画像に_on_offつけるだけの簡単なやつありますよね？)マウスオーバーで出てくる_onの画像が縮小されないで出てくるのです。なので小さい画像の上にいきなり原寸サイズの画像が半透明で被さるように出てきます。このせいでスマホで見たときにマウスオーバーがおかしくなるし、横スクロールバーが出てしまい、大変なことになります。 画像のwidthを％表示したときのマウスオーバーで安全なやり方はありますか？画像を入れ替えなくてもちょっと白っぽく明るくするだけでもいいんですが。

  • スクロールバーの幅を取得するには？

    対象はIE6～8です。 CSSの overflow-y: scroll; で表示される垂直スクロールバーについてなのですが、 これは対象領域の横幅がスクロールバーの横幅よりも細いと、スクロールできなくなります。 （使用不可のグレー表示になります） ある機能を実現するために、スクロールバーだけを独立して表示させたかったので、 ぎりぎりの横幅（18px）を指定していたのですが、問題が起きました。 デスクトップでの右クリックから開ける「画面のプロパティ」→「デザイン」で、 フォントサイズを変更したり、あるいは詳細設定でDPIを変更すると、 スクロールバーの幅が変わってしまうために、「ぎりぎりの横幅」も変わってしまいます。 それにより、18pxの指定ではグレー表示となり動かせなくなりました。 この解決策を求めています。 現状としては、JavaScriptでスクロールバーの幅を取得できれば、 初期表示時に補正できるので、一番手軽と考えているのですが・・・ よろしくお願い致します。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する