最近、サイトのレイアウトに取り組んでいて、CSS に行き詰まっています。2 列のフッター レイアウトの簡単なチュートリアルに従うことができると思いたいのですが、列の 1 つのコンテンツに行き詰まります。
2 列のデザインは、左側が流動的な Google マップで、右側が固定幅のサイドバーです。この種のレイアウトの多くの例をたどってみましたが、常に Google マップの流動的な側面を維持するという問題に直面します。主に、Google マップは流動的なままでいるのが好きではありません。私は負のマージン、フロート、abosulte ポジショニング (GMaps はこれを本当に嫌う) で見つけることができるすべての CSS ソリューションを試し、テーブル (身震い) も試しました。
この問題を処理するアイデアはありますか?
YahooYUIグリッドを見てください。
YUI CSSフレームワークは、非常にカスタマイズ可能な数のグリッドレイアウトを提供します。ページ幅は750px、950px、974px、100％の範囲で変化し、左右両方の列幅を提供するテンプレートがあります。これらはすべて、複数のブラウザで正しく機能することが保証されています。サイズの選択は、一般的な広告のサイズにも関連しているため、必要に応じて広告を簡単に収めることができます。Yahooのすべてのページはこれらのレイアウトを使用しています。
また、フォント、パディング、マージンなどに関してすべてのブラウザが共通のレイアウトに設定されるように、「リセット」機能を組み込むオプションもあります。
これにより、基本的なWebページの開発がはるかに簡単になり、面倒なプロセスが減りました。