このページもpositionプロパティでボックスが配置されているのでしょうか？

解決済

質問者：mixiho
質問日時：2006/11/02 05:19
回答数：4件

お世話になります。

http://www.goo.ne.jp/

上記のgooのサイトなんですけど
このサイトもcssのpositionプロパティで
ボックスの配置が制御されているのでしょうか？

cssファイルをみてもpositionプロパティが下部だけで
ほかにみつからないのですが・・・。
どのようにして配置されているのでしょうか？
教えてください。お願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： noname#23734
回答日時：2006/11/16 20:01

#mframeで幅を決めてmargin:autoでセンタリング。

#contents-inner　float:left
#contents-right　float:right
で左右の幅を決めて左右に寄せて上げていろいろな詰め物をして。
#footerでclear:both
http://www.goo.ne.jp/css/top_4.cssより引用

良くありがちなCSSだと思います。

- 0
- 件

通報する

No.3

回答者： ICHI-yan
回答日時：2006/11/07 21:55

えっ？？？

私のソースではもろ、テーブルレイアウトですが？？？
IE6 win 環境です。

試しに、ヘッダのソースに
td{border:5px solid red;}
を追加し、テーブルのtdの部分を赤くさせたら、画面が真っ赤です。

違う場所を見てるのでしょうか？？？？？？

- 0
- 件

通報する

この回答へのお礼

こちらがみている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 … target="_blank">【NTTグループの災害対策の取り組み】</a><br>
・災害用伝言ダイヤル「171」「web171」<br>
・「iモード」災害用伝言板サービス<br>
</font></div></td></tr></table>

通報する

お礼日時：2006/11/08 04:19

No.2

回答者： ICHI-yan
回答日時：2006/11/02 18:26

tableレイアウトです

表の中のコラムにさらに表をいれてって感じで罫線は表示させずにくみ上げていきます。入れ子ともいいます。
どのブラウザでも比較的同じように表示させるのが楽です。

cssだとブラウザやバージョンによって、プロパティの解釈が違うので、細かい指定をすると、どこかがずれ、微調節が大変になります。それを嫌って、テーブルをレイアウトに使う手法を使われています。