• 締切済み

スタイルシートでのページレイアウトについて

ホームページを新しく作りたいのですが例えばこのようなページはどのように作っているのでしょうか? http://www.wsb.jp/hpb/ スタイルシートを使っているのはわかるのですがどのように位置の指定をしているのか調べてもわかりませんでした。ご教授お願いいたします。

みんなの回答

回答No.1

解析しようとしたのですが、うっとうしいと感じるくらいわかりにくい構造でした。なので解析はやめました。 結局ご質問の意図は、div要素を横に並べる方法ということだと思います。それであっているのであれば下記URLが参考になります。 あとはその組み合わせということですね。どうでしょう?

参考URL:
http://www.openspc2.org/reibun/css/page/012/index.html

関連するQ&A

  • スタイルシートレイアウトで

    スタイルシートで、レイアウトしてホームページをつくりました。 しかし、スタイルシートで位置を移動させて作ったせいか、下のほうにぽっこり空白ができてしまいました。 これをなくす方法というものは存在するのでしょうか?

    • ベストアンサー
    • HTML
  • スタイルシートについてです

    自分のホームページにスタイルシートで画像やテキストを位置指定してレイアウトを作っていきたいんですが、この方法で作ったページを見るためにはブラウザなどの環境が整った人でないと見れないんでしょうか?教えてください。

  • スタイルシートレイアウトで・・

    初めまして。よろしくお願い致します。 先日、知人のHPをテーブルレイアウトからスタイルシートレイアウトで作り直しました。すると、ブラウザでは問題なく見れるのですが、 ホームページ作成ソフトの画面で見ると、大きくレイアウトが崩れています。文字の大きさなどはスタイルシートで設定したとおりです。 ちなみに、元々のHP(テーブルレイアウト)はドリームウィーバー4日本語版というもので作られており、私が作成したものではありません。それを私が、ホームページビルダー10を使って、スタイルシートレイアウトに書き直しました。 いろんなソフトで確認してみると『ビルダー10』のページ編集の画面では、レイアウトの崩れはありません。『ビルダー9』のページ編集の画面でみると右と左に回りこみを指定したのに、文字などが重なってしまいます。 また、『ドリームウィーバー4日本語版』のデザインビュー画面だと文字の大きさ以外のスタイルシートは、全く無視され大幅に崩れてしまって、回り込みなどは全く無視され、下へ下へ書き込んだHTMLソースどおりに表示されます。 『ドーリームウィーバーMX2004』だと左に回り込みを指定した部分だけが崩れて、その部分が左の最下部(フッターよりも下)になっています。 ソフトが違うから崩れるのでしょうか?それともスタイルシートの設定がおかしいのでしょうか?何から修正すればいいのかわかりません。 当方、HP歴はビルダーで1年ほどほぼ独学の初心者です。 うまく説明できなくて、申し訳ありませんがよろしくお願いします。

  • スタイルシートを利用したページレイアウト

    数年前からWEBページのレイアウトにはCSS(スタイルシート)を使用した ものが一般的になっているようですが、 自分はHTMLの知識はある程度持っているのですが、TABLEレイアウト しか経験がない為、いちからCSSを利用したページレイアウトを勉強したい と思っています。 そこで、そんな私に最適な書籍やWEBサイトがありましたら教えて いただきたいと思っています。 よろしくおねがいします。

  • スタイルシートで

    ページ全体を右寄せや左寄せに指定するのを align=left などではなく スタイルシートで指定したいのですが、どうすればいいのでしょうか? スタイルシートで指定できるものなのでしょうか・・・? 知っている方がいましたら、教えて下さい。

    • ベストアンサー
    • HTML
  • ホームページ レイアウトについて

    ホームページ作成について質問です。 複数ページのホームページの内、全ページ共通の罫線や画像(ヘッダー部、フッター部など)のレイアウト微調整を スタイルシートで設定したい、というのが目標ですが、そのレイアウト微調整を position:absolute; で行っていますが間違っているのでしょうか? 上記を設定したオブジェクトは確かに完全に任意の位置に配置できるのですが、 位置を指定していないHTMLだけに記述されたオブジェクトとレイアウトが重なったりしてしまいます。 全てのオブジェクトの位置をスタイルシートで指定すればそれも回避できると思うのですが、 そうするとひとつのHTMLファイルだけのスタイルシートになってしまうし、スタイルシートはそういう使い方するものではないんじゃないか、と思ってます。。 (そもそも共通設定ファイルにポジションの固定値を記述する事自体、 間違ってる気がしてます) スタイルシートの位置指定を使用しないで左寄せ、中央、右寄せ、以外の レイアウト調整って可能なのでしょうか? また、ホームページの完全な任意レイアウトの際のセオリー等が ありましたら教えていただきたいです。 以上、宜しくお願い致します。

  • フロントページのスタイルシートの使い方

    フロントページを使っていますが、スタイルシートの使い方がわかりません。 スタイルのリストボックスにはタグの一覧がありますが、タグによってスタイルを決めているのでしょうか?スタイルシートは一つホームページを作成してからスタイルを保存して使うのでしょうか?最初からスタイルシートを使うものではないのでしょうか。それともスタイルを決めてから変更していくのでしょうか。ユーザー定義のスタイルもタグを設定するのでしょうか。新規作成の時の名前はタグ名ですか?

  • スタイルシートのレイアウトについて

    こんにちは。 スタイルシートを使ってホームページを作成しているのですが、 わからないことがあり、質問させていただきます。 container body  header   sidebar   main  footer の構成をしていて、sidebarとmainは、左右にフロートさせています。 sidebarとmainを特になにも指定していのですが、 Q. mainが上下に長い時は、sidebarもその長さに合わせて長くなり、 sidebarが上下に長い時は、mainもその長さに合わせて長くなる、 そんな仕組みを作りたいのですが、heightを自動にしても、 長くなってくれません。 どのように記述をすると良いのでしょうか? 教えて下さい。お願いします。

    • ベストアンサー
    • CSS
  • トップページのみスタイルシートを適用は有効?

    ホームページを作る際、トップページ(index page)のみスタイルシートを用いて作り、リンクするその他のページにはスタイルシートを用いずに作ってもSEOに対して効果があるのでしょうか?ロボット検索ではトップページの軽さ(容量)と、最初のテキスト200文字くらいが対象になると聞きました。

    • ベストアンサー
    • HTML
  • Softbank携帯でスタイルシートを使うには

    Softbank携帯でホームページを作成しています。 携帯ではスタイルシートが使えないという記事を見ますが、携帯用ヤフーページではスタイルシートを使っているようなページがあります。 例えば、「ヤフー動画」のページの ・検索の背景の灰色の部分。1pxの淵。 ・大タイトルの背景グラデーション画像や、その淵 などなど。 そのようなページでは特別にスタイルシートが使えるようになっているのでしょうか?それともスタイルシートを使わなくても表現できますか? ソースが見えないのでよくわかりません。ご存知の方、ご教授ください。

    • ベストアンサー
    • HTML