問題タブ [skeleton-css-boilerplate]

私の質問は、100%他のすべてを中心に保ちながら、バナーをビューポートにする方法です。

現在、既製の@mediaソリューションとグリッド システムを使用するための Skeleton フレームワークを試しています。これは 960 グリッド システムであるため、ビューポートに移動するバナーを内部に配置できないことに気付きました100%( に制限されているため960px)。

Skeleton フレームワークを引き続き使用できるようにするソリューションと、例としてこのサイト100%のようなビューポート バナーを回避できるソリューションが必要です。

これが不可能な場合は、これを実現する最善の方法についてのガイダンスが必要になります。

私が取り組んでいるウェブサイトでいくつかの問題が発生しています。何らかの理由で、IE7 のみ、上部のメイン メニューにカーソルを合わせると、ページが完全にめちゃくちゃになります。ページを最初にロードした時点で、メニュー自体が 15px 左に間違って配置されていることが既にわかります。メニューにカーソルを合わせると、メニュー自体が正しい場所に戻り、ページの残りの部分が完全に台無しになります。

ページ: http://www.ptwee.nl/referenties/

このサイトは、メイン ナビゲーションに superfish を使用する Skeleton Wordpress テーマを使用して構築されています。

また、古い IE ブラウザーでレスポンシブ CSS をレンダリングするためにhttps://code.google.com/p/css3-mediaqueries-js/も使用します。

スケルトン css を使用して実装されたフォームがあります。私は 3 列 (つまり 3 分の 1 の列) のレイアウトを使用していましたが、列の内容のそれぞれの長さが原因で、多くの空白が生じました。次のような水平レイアウトをお勧めします。

テキストボックス1 テキストボックス2 テキストボックス3

テキストボックス4 テキストボックス5 テキストボックス6

次に、モバイルの場合は次のように折りたたまれます。

テキストボックス1

テキストボックス2

テキストボックス3

テキストボックス4

テキストボックス5

テキストボックス6

これまでのところ、これを行うことができると思っていた唯一の方法は、各テキストボックスを独自の「3 分の 1」の列にラップすることです。これを行うよりクリーンな方法はありますか？

ありがとう

スケルトンCSSを使うのはこれが初めてです。ヘッダー要素とセクション要素があります。ヘッダー要素には、h1 要素と h2 要素が含まれます。私のセクションには、flexslider を使用したスライダーがあります。ブラウザのサイズを変更しようとすると、スライダーがヘッダーと一緒に折りたたまれ、ヘッダーの下部が非表示になります。

これが私のヘッダーとセクションのコードです

Web サイト ページのメイン コンテンツ領域に画像とコンテンツのグリッドを追加したいと考えています。基本的な 2 列のテンプレートがあり、グリッドを大きなコンテンツ エリアに配置したいと考えています。すべてが正常に機能しますが、ポートレートにサイズ変更するとすぐに、div 間のマージンがすべて失われます。これらのアイテムをスケルトンでグループ化する適切な方法が何であるかはよくわかりません。行ごとにコンテナを終了する必要がありますか? どんな助けや提案も大歓迎です。