私のウェブサイトhttp://morxmedia.com/をズームインすると#containerがナビゲーションのセンタリングを失うことになります。私はCSSで多くの経験があり、これを修正する方法を理解することはできません。 アイデア CSSのセンタリング問題
0
A
答えて
0
私はそれを考え出しました。 幅1100pxから幅100%までのメインバナーを設定し、背景イメージを中央に設定しました。 次に、ヘッダーの幅をコンテンツの幅と同じにしました。
3
私はあなたがこのトリックを使用する必要がありかもしれないと思う:あなたの内容はAVE自動マージンをないことを確認してください*
.wrapper {
float: left;
position: relative;
left: 50%;
}
.content {
float: left;
position: relative;
right: 50%;
}
---
<div id="wrapper">
<div id="content">
</div>
</div>
CSSを。マージンがある場合は、実際の値を使用してください。オートはもはやセンタリングのために必要ではありません。
関連する問題
- 1. CSSセンタリングの問題
- 2. ナビゲーションメニューのCSSセンタリングの問題
- 3. CSSホットスポットとセンタリングの問題
- 4. Css自動センタリング問題
- 5. センタリングの問題
- 6. cssのセンタリングの問題が中間の列
- 7. CSSでWebページをセンタリングする際の問題
- 8. CSSブロックのセンタリング
- 9. CSSフローティングのセンタリング
- 10. ブートストラップモーダルの垂直センタリングの問題
- 11. Rails/Prototype - Modalboxダイアログのセンタリングの問題
- 12. 大きなバックグラウンドでのセンタリングの問題
- 13. のCss翻訳センタリング要素
- 14. CSS縦書きテキストのセンタリング
- 15. CSSの問題
- 16. CSSニュービーオーバーライド問題?
- 17. CSSトランジション - 問題
- 18. CSSドロップダウンメニューの問題
- 19. cssネスティングの問題
- 20. CSSスティッキーフッターの問題
- 21. CSSレイアウトの問題
- 22. CSSフレームワークの問題
- 23. CSSの問題が
- 24. CSSナビゲーションブートストラップの問題
- 25. CSSマージンの問題
- 26. CSSアライメントの問題
- 27. CSSマージンの問題
- 28. クイックCSSの問題
- 29. css-opacityの問題
- 30. IE7のCSS問題
と一緒に '#wrapper {text-align:center; } 'をラッパーに、コンテンツのリセットを' #content {text-align:left; } '? – Smamatti
さて、私はちょうどフロートのないデザインがあなたにレイアウトをもっとコントロールすると思った。 – Smamatti
nice。私は通常、ポジショニングを使用しますが、フロートはフローを保持できるので、この場合はフロートが優れています。 'margin-left:-484px'程度であることを忘れないでください。 –