0

wordpressを使用してWebサイトを開発しましたが、問題は、ページ間を移動しているときに、少し動いているように見えることです(ナビゲーションバーやコンテンツなど)。つまり、コンテンツがある場所にある場合、別のページに少し移動します。

問題を掘り下げてみました。最後に、問題は見つかりましたが、解決策は見つかりませんでした。

問題は、wordpress の pagelines テーマを使用していることです。読み込み中にhttp://fonts.googleapis.com/css?family=Droid+Sans:regular,boldからの droid sans を使用しているという点で、前述のブラウザーのデフォルト フォントまたは代替フォントを使用しています。これが問題です。フォントが異なれば、スタイルやスペースも異なります。これが、Web ページが少し動いているように見える理由です。

どのような体でも問題を解決する方法を教えてください。

スクリーンショットについて: 添付していないスクリーンショットで動いているコンテンツを表示することはできません。何が問題なのか、それを修正する方法を誰か教えてもらえますか

これはすべて、小さなページのコンテンツで起こったように、私の仮定です。それを移動させる他の問題がある場合は、お知らせください.

前もって感謝します

編集:(css コード -> 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;}
4

1 に答える 1

1

「コードを投稿していただきありがとうございます。

あなたが投稿したこのコードで問題ありません。

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;
}

ここで、問題はメニューのルールを含む OTHER CSS ファイルにあります。

これは、相対位置ではなく、vierd アライメントで機能します。これtop: 34pxは、あるべきではないステップです...

li:hoverこれがTABを移動させる唯一の理由であるため、このタイプのコードからそれぞれを分離する必要があります..

/*** ESSENTIAL STYLES ***/

安定しDemo skinていません...それらを段階的に修正してください:)

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

私はそれを更新しようとしましたが、不要な CSS が多すぎます。それを手伝ってくれる専門家を雇ってください

これには多くの時間がかかったので、私はあまり返信しません。ありがとうございました

于 2013-03-20T10:00:42.037 に答える