0

我正在为我的网上商店创建一个新网站 - 我有这个 css 问题......

该系统是在 prestashop 平台上制作的，但这是基本的 CSS，所以没关系。

在 CMS 页面上，我在页面居中时遇到问题，我尝试使用 -tag、margin: 0 auto、margin-Left/right auto、100% 宽度等。

问题不在于文本没有居中，而是浏览器没有意识到它，直到您使用检查器更改某些内容或更改浏览器宽度。因此，如果您更新网站，内容会立即到位。

（如果您没有发现问题，请尝试再次按相同的菜单项 - 有时会起作用，有时会不起作用。问题最多的网站是：/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

所以我不太确定这是为什么，但似乎溢出：隐藏在 .row 中是罪魁祸首。尝试删除它或覆盖它，它似乎工作。我的猜测是它会因为某种原因妨碍 webkit 正确计算宽度？

这里还有一些关于类似问题的其他建议：CSS centering not working with margin auto and overflow hidden

但在我看来，那里接受的解决方案对您不起作用，因为看起来您的所有浮动都已正确清除。

于 2013-04-07T00:31:56.130 回答