問題タブ [yui-grids]

私は2つの列が触れたいです。余白を削除するにはどうすればよいですか?

私のコード:

YahooのYUIプロジェクトには、私が（固定幅の）サイトに統合し始めたばかりの、非常に優れた、十分にテストされたコンポーネントがいくつかあります。私は実際に非常に興奮しています-私はしばらくの間消費者向けのサイト作成から離れていて、ここ数年で何が発展したかを見るのをとても楽しんでいます。

YUIコンポーネントとreset.cssがとても好きです-YahooYUIgrids.cssの使用は簡単だと思いました。実際、彼らはそれを自分たちでかなりうまく売ると言います：

「ページ幅、テンプレートプリセット、およびネストグリッドを組み合わせると、ほぼ無限の数の複雑なページレイアウトが可能になります。」

（上記のgrids.cssリンクから）

しかし、私はいくつかの非常に単純な3列のレイアウトを実行しようとしていますが、いくつかの基本的なことを実行できないようです。また、それらの実行方法のドキュメントで適切な説明を見つけることもできません。

例えば：

• 列間の側溝を変更できますか？
• yui-t11 / 2、2 / 3、1 / 4タイプのレイアウトを相互にネストするのは非常に簡単ですが、テンプレート をネストできますか？
  • （私は限られた成功のネストyui-t1セレクターを取得しましたが、同じIDを持つ複数のdivになってしまい、何か間違ったことをしていると思いました。

私のサイトはもっと「デザイン主導」です。つまり、ページにする必要のあるフォトショップのマークアップがあります。

これまでの私の印象では、YUIグリッドは、必ずしも正確なデザインに適合している必要のないニュースなどのコンテンツがある、より多くの「コンテンツ主導型」サイトに適しています。それは公正な声明ですか？それとも、grids.cssを使用するための魔法のトリックが欠けていますか？

固定位置の代替グリッドを使用する方が適していますか？

YUIの代替 -別のstackoverflowの投稿で提供されているように

何らかの理由で list-style-type を UL 要素に適用しないスタイルシートがあります。私は YUI の Grid CSS を reset-fonts-grid.css ファイルと共に使用しています。これは、CSS リセットの一部として削除されることを知っています。

YUI を呼び出した後、Web サイトのスタイルシートを呼び出し、そこに UL のブロックがあります。

リストスタイルで設定しようとしましたが、同じ結果が得られました。上記の CSS ブロックが、適用されるパディングやマージンなどを追加したかのように読み取られることはわかっています。style-type は Firefox でも IE でも表示されません。

私が UL に適用した唯一の他の CSS は #nav div にありますが、その CSS は list-style-type に触れず、YUI が提供したリセットを使用し、YUI とサイト スタイル シートの 2 つの CSS のみです。と呼ばれるシート。

また、サイトの管理者側に FCKEditor があり、そのエディターには箇条書きのスタイルが表示されるので、FCKEditor によってフィルタリングされていない CSS を使用する必要があることがわかります。

ブロック内のコンテンツがほとんどないグリッド レイアウトがあるyui-main場合、サイドバー ブロックの一部 (私の場合は の外側yui-main) がメイン ブロックの下にジャンプします。

これは、この問題のサンプル ページです (ファイルが存在しない場合は、貼り付けられたソース)。

例

内部#yui-mainのコンテンツが外部のコンテンツよりも長いため、これは問題なく機能します。

ただし、外側のyui-mainコンテンツは内側のコンテンツよりも長いため、これはそうではありません。したがって、それは下にこぼれますyui-main。

私は yui-css グリッド システムを取得して 3 列のグリッドを作成しようとしています。最初 (左) はスペースの 1/4 を使用し、2 番目 (中央) はスペースの 2/4 を使用し、3 番目 (右) は) はスペースの 1/4 を使用します。

このようなもの：

どんな入力でも大歓迎です。

更新:回答/コメントから判断すると、さらに情報が必要であることがわかります。

• このサイトは (750px - YUI の #doc) で固定されています。
• YUI-CSS を基本フレームワークとして使い始めたいので、YUI ソリューションにはあまり興味がありません (とにかくありがとう)。したがって、私が行っているこのプロジェクトは、それが私のニーズを満たすかどうかを確認するためのテストです。さまざまなブラウザーで同じように機能するという事実が気に入っています。

リスト（タブ）とコンテンツに別々のdivを設定したいことを除いて、問題なくjqueryタブを使用しています。

しかし、私がやりたいのは、ulとコンテンツを別々のdivでラップすることです。

ドキュメントを調べましたが、これを指定する場所が見つかりません。どんな助けでも大歓迎です。

代替テキスト http://img9.imageshack.us/img9/2900/yuicssquestion.gif

やあ、

レイアウト設計に YUI グリッドを使用しています。col3 を垂直に配置し、常にページの下部に貼り付けたいと考えています。どうやってするか？

YUI グリッドの垂直方向の配置に関するオンライン ドキュメントが見つかりません。誰かがこれに光を当てることができることを願っています:)

YUI3は cssgrids を非推奨にしましたが、サイトに代わりの API がありません。YUI3 を使用する場合、レイアウト グリッドはどのようになりますか (将来的には -- 今のところ、もちろん yui2 グリッドを使用できます)。

私のウェブサイトには、この基本的なグリッド パターンがあります。

この設定により、次のようになります。

代替テキスト http://horgenweb.org/temp/yui_jquery_width.jpg

右の div の幅 + 左の余白の幅 jQuery を取得しようとしています。

ボックスの幅は 325px しかありません。誰でもこれを行う方法を知っていますか?