在浏览wordpress网站时,网页内容会移动一点


webpage content is moving a bit while navigating in wordpress site

我使用wordpress开发了一个网站,问题是在页面之间导航时,似乎它正在移动一点(导航栏和内容等)。也就是说,如果内容在一个地方,它会在另一个页面中移动一点。

我试图找出这个问题。我终于找到了问题所在,但还没有找到解决办法。

问题是,我使用pagelines主题的wordpress。因为它在加载时使用了来自http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold的droid sans字体,它使用了我提到的浏览器默认字体或替代字体。问题来了。不同的字体有不同的样式和间距等,这就是为什么网页看起来有点移动的原因。

谁能告诉我怎么解决这个问题?

关于截图:因为,我们无法显示内容移动在我没有附上的截图。谁能告诉我是什么问题以及如何解决它?

所有这些都是我的假设,就像它发生在较小的页面内容,如果有任何其他问题,使它移动,请让我知道。

thanks in advance

编辑:(css code -> dynamic.css)

/* Import Google Fonts */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);
/* Set Type */
h1, h2, h3, h4, h5, h6, .site-title{font-family:"Droid Sans", "Lucida Grande", Tahoma, sans-serif;letter-spacing:0.05em;text-transform:uppercase;font-weight:normal;font-variant:normal;font-style:normal;}
body, .font1, .font-primary, .commentlist{font-family:"Droid Sans", "Lucida Grande", Tahoma, sans-serif;letter-spacing:-0.05em;text-transform:none;font-weight:normal;font-variant:normal;font-style:normal;}
.font2, .font-sub, ul.main-nav li a, #secondnav li a, .metabar, .subtext, .subhead, .widget-title, .post-comments, .reply a, .editpage, #pagination .wp-pagenavi, .post-edit-link, #wp-calendar caption, #wp-calendar thead th, .soapbox-links a, .fancybox, .standard-form .admin-links, #featurenav a, .pagelines-blink, .ftitle small{font-family:"Droid Sans", "Lucida Grande", Tahoma, sans-serif;letter-spacing:-0.05em;text-transform:uppercase;font-weight:normal;font-variant:normal;font-style:normal;}

"感谢您的发帖代码,

你发布的这段代码很好,

fiddle http://jsfiddle.net/MarmeeK/HPu7X/

请参考文件并更改您想要检查的代码,然后更新并发回。

我还没有找到任何更改。

= = = =编辑

如果问题来自特定的选项卡,请参阅:hover样式的选项卡样式,这将引导您找到问题的根源。:)"

===编辑站点审核后,

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:           0;
    top:            34px; /* match top ul list item height */
    z-index:        99;
}

现在,问题出在其他CSS文件中,它包含了菜单规则。

,这适用于vierd对齐而不是相对位置。top: 34px是一个不应该存在的步骤…

你应该将每个li:hover从这种类型的代码中分离出来,因为这是使TAB移动的唯一原因。

/*** ESSENTIAL STYLES ***/

Demo skin不稳定…请逐步改正,这样就可以了:)

Uppdated fillde : http://jsfiddle.net/MarmeeK/HPu7X/1/

我已经尝试更新它,但太多不必要的CSS,请聘请一个专业的帮助在那

我不会回复太多,因为这占用了我很多时间。谢谢你