0

私は自分のウェブショップ用に新しいウェブサイトを作成しています - そして、このCSSの問題があります...

システムは prestashop プラットフォームで作成されていますが、これは基本的な CSS であるため問題ありません。

CMS ページで、ページの中央揃えに問題があります。-tag、margin: 0 auto、margin-Left/right auto、100% width などを使用してみました。

問題は、テキストが中央に配置されていないことではなく、インスペクターで何かを変更するか、ブラウザーの幅を変更するまで、ブラウザーがそれを認識しないことです。したがって、サイトを更新すると、コンテンツが所定の位置にジャンプします。

(問題が見つからない場合は、同じメニュー項目をもう一度押してみてください。機能する場合と機能しない場合があります。最も問題のあるサイトは、/betingelser-3、/udtalelser-6、および /om-os-4 です。 .)

問題は Safari と Chrome (webkit) だけです。IE、Firefox、Opera ではすべて問題ありません。

http://forsejt.dk/mackabler.dk/content/betingelser-3

div と css スタイルが多すぎると思うので、ブラウザがタイムアウトしますか? それが起こる場合:) Macbook pro 15インチ、Macbook air 13インチ、Mac proで試しました.

このための Css トリックはありますか?

4

2 に答える 2

0

追加してみてください：

text-align: center;

css の #columns に。

于 2013-04-07T00:24:17.453 に答える
0

これがなぜなのかよくわかりませんが、overflow:hidden in .row が原因のようです。それを削除するかオーバーライドしてみてください。うまくいくようです。私の推測では、何らかの理由で幅を適切に計算する Webkit の邪魔になるのでしょうか?

ここにも同様の質問に関するいくつかの提案があります: CSS centering not working with margin auto and overflow hidden

しかし、すべてのフロートが適切にクリアされているように見えるため、そこで受け入れられている解決策はうまくいかないように思えます。

于 2013-04-07T00:31:56.130 に答える