- ベストアンサー
このページもpositionプロパティでボックスが配置されているのでしょうか？
お世話になります。 http://www.goo.ne.jp/ 上記のgooのサイトなんですけど このサイトもcssのpositionプロパティで ボックスの配置が制御されているのでしょうか？ cssファイルをみてもpositionプロパティが下部だけで ほかにみつからないのですが・・・。 どのようにして配置されているのでしょうか？ 教えてください。お願いします。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
#mframeで幅を決めてmargin:autoでセンタリング。 #contents-inner float:left #contents-right float:right で左右の幅を決めて左右に寄せて上げていろいろな詰め物をして。 #footerでclear:both http://www.goo.ne.jp/css/top_4.cssより引用 良くありがちなCSSだと思います。
その他の回答 (3)
- ICHI-yan
- ベストアンサー率33% (45/134)
えっ？？？ 私のソースではもろ、テーブルレイアウトですが？？？ IE6 win 環境です。 試しに、ヘッダのソースに td{border:5px solid red;} を追加し、テーブルのtdの部分を赤くさせたら、画面が真っ赤です。 違う場所を見てるのでしょうか？？？？？？
- ICHI-yan
- ベストアンサー率33% (45/134)
tableレイアウトです 表の中のコラムにさらに表をいれてって感じで罫線は表示させずにくみ上げていきます。入れ子ともいいます。 どのブラウザでも比較的同じように表示させるのが楽です。 cssだとブラウザやバージョンによって、プロパティの解釈が違うので、細かい指定をすると、どこかがずれ、微調節が大変になります。それを嫌って、テーブルをレイアウトに使う手法を使われています。
お礼
え・・・？（笑） tableタグは真ん中の342行目から346行目までしか使われていませんよ。
- steel_gray
- ベストアンサー率66% (1052/1578)
主にfloat(+clear)を使用してレイアウトしているようです。 「css レイアウト float」で検索してみると色々と参考になる情報が見つかると思います。
お礼
ありがとうございます。 参考になりました。
お礼
こちらがみているgooのサイトは <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>goo</title> <link rel="shortcut icon" href="gooicon.ico"> <meta name="content-language" content="ja"> <meta name="description" content="NTTレゾナントが運営する安心・安全のポータルサイトです。検索、辞書、地図、乗り換え、ニュース、ショッピングなど生活に便利な機能が充実。あなたの行動を支援するメディアとして様々なサービスを展開しています。"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <link rel="stylesheet" href="/css/top_4.css" media="all"> </head> というヘッダでした。 gooのサイトのデザインも以前とは更新されていて msnみたいにすっきりした感じになっていました。 やはりtableタグは tableタグは真ん中の342行目から346行目までしか使われていませんでした。以下がその部分です。 <table border="0" cellspacing="0" cellpadding="5" width="100%"><tr><td bgcolor="#f2f2e6"> <div class="t12"><font size="-1"><a href="http://ad.goo.ne.jp/event.ng/Type=click&FlightID=34312&AdID=46984&TargetID=13597&Segments=13478&Targets=13597&Values=31,51,60,72,83,94,100,110,150,422,423,13285,13392,13586,13587,13629,13639,13769,13808,14077,14153,14441&RawValues=USERID%2Ca010133-13302-1162362281-4%2CRIP%2C60.56.59.84%2CSITEID%2Cgootop%2CKIND%2Cbadge340_1%2CCONTENT%2Cgootop_goo&Redirect=http:%2F%2Fwww.ntt.co.jp/saitai/index.html" target="_blank">【NTTグループの災害対策の取り組み】</a><br> ・災害用伝言ダイヤル「171」「web171」<br> ・「iモード」災害用伝言板サービス<br> </font></div></td></tr></table>