問題タブ [skeleton-css-boilerplate]

注: スケルトン グリッド システムを使用しています。

div の 1 つの背景色を 960px コンテナーを超えて右に拡張しようとしていますが、成功していません。助言がありますか？

現時点の：

私が探しているもの：

HTML:

CSS:

スケルトンの助けが必要です @ http://www.slutatnian.se/skolor/nosnas/

このサイトには、コードの下にある画像があり、コンピューター上で正常に動作します。しかし、モバイルデバイスを使用している場合、画像が画面の下部に表示され、モバイルデバイスで「Nösnäsgymnasiumet」の後に画像を配置したいのですが、どうすればよいですか?

（ホットピンクは気にしないでください。列を見るために使用しています）

これがhtmlコードです。

基本的な Skeleton グリッド システムでレスポンシブ ナビゲーション プラグイン (responsive-nav.com) を試しています。何らかの理由で、レスポンシブ ナビゲーション プラグインの js と一般的な css を編集せずに、最小化するとナビゲーションに問題が発生します。ナビコンが出現するエリア。何らかの理由でリンクが自動的にドロップダウンし、ナビコンが表示されません。コンテナと関係ありますか？コンテナ div なしで試してみましたが、問題が発生しました例の画像を参照してください。

HTMLは次のとおりです。

CSS:

Skeleton Framework の css に問題があります。ダウンロードして例のように編集し、大画面スタイルを追加しました@media only screen and (min-width: 1280px)が、テストすると機能しません。

ここにjsfiddleがあります

ナビゲーション バーを中央に配置するのに問題があります。display:inline-block を試してから、ほとんどの投稿が示唆するように中央に揃えましたが、機能していないようです。

HTML:

CSS:

SO を検索したところ、このスレッドが見つかりましたが、IE8 の問題についてのみ言及されていました。Chrome バージョン 33.0.1750.117 および Firefox 27.0.1 を含むすべてのブラウザでこの問題が発生しています。

私の最初のステップは、HTML が正しいことを確認することでした。

リンク

目標

私はこのコードをフレームワークの外でも Foundation でも使用しましたが、常に問題なく動作しました。

プロジェクトでファイルをセットアップする方法かもしれないと思ったのですが、 CDN 経由で Skeleton にリンクしているこのデモでも、まだこの問題があります。そのため、スケルトンによって引き起こされている問題があると信じるようになりました。

編集:ユーザーは、buttonクラスを調べて、それによって引き起こされる競合があるかどうかを確認することを提案しました。ボタン クラスを削除しても、ページがターゲットにリダイレクトされないという問題がまだ存在していました。ここにCSSがあります

/* #ボタン ============================================ ==== */