Css居中 - 随机跳转到位

时间:2013-04-07 00:16:35

标签: css google-chrome safari center prestashop

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

系统是在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技巧?

2 个答案:

答案 0 :(得分:0)

尝试添加:

text-align: center;

到css中的#columns。

答案 1 :(得分:0)

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

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

但在我看来,接受的解决方案对你不起作用,因为它看起来像你的所有花车都被正确清除了。