1

これまでに遭遇した中で最も謎めいた問題。私が現在デザインしているサイトにアクセスしてください: http://ftfranes.com/mliad2/

次に、ページが読み込まれたら、ブラウザ ウィンドウのサイズを変更します。画像がすぐにページのさらに下にジャンプすることに気付くでしょう。何がこれを引き起こしているのかについて手がかりがあると言ったら嘘をつくので、私よりも単に頭が良いかもしれない誰かに頼っています.

4

4 に答える 4

1

私が見ているように、フローティングコンテナに関しては、2 つの問題のあるコンテナがあるようです。.sidebar-right-twitterとの両方.projectsが全幅を占めるため、.projects(サムネイルを含む) は、.sidebar-right-twitter横に並べる必要があるときに下に押し出されます。

.side-bar-right {
  float: right;
  margin-left: 705px;  /* Reduce a lot or omit entirely? */
  :
}

.projects {
  float: left;
  width: 940px;  /* Reduce to nearer 700px */
  :
}

これらの変更を CSS に加えると、Chrome の問題が解決するようです。(ただし、「ジャンプバック」するには、ウィンドウのサイズを再度変更する必要がありました。)

編集

小さなジャンプの第 2 号... (これH2はニシンのようです / 偶然です。)

ウィンドウのサイズを変更すると、いくつかのスクリプトが に適用top:368pxされ#grid_cloneます。そして、これはサムネイルコンテナを少し押し下げすぎているようです. 実際のハックはmargin-top:-28px;、CSS でこの要素に適用して、この余分なジャンプを打ち消すことです。

両方の要素に適用する必要があると思いますmargin-top:-28px;。そうしないと、それらが整列しません。

コメントに続きます...

于 2012-04-05T13:42:17.030 に答える
0

コンテンツ構造を再配置します<ul>。右側のサイドバーのdivの上に配置する必要があります。どちらも左にフロートするように設定されているため、左側の要素を最初にする必要があります。

編集*

グリッドは順序付けられていないリストに表示されます。<ul>これは、サイドバーが含まれているタグの後に作成さ<div>れます。前述のポジショニングコードと不適切なフロートを削除することで、問題が解決すると思います。<ul>スクリプトによって割り当てられた位置に基づいて、はフロートさえ必要としない可能性があります。

Firebugをいじってみてください。最初は抵抗力があるかもしれませんが、HTMLとCSSを使用する人にとっては必須です。

于 2012-04-05T13:18:46.207 に答える
0

id grid_clone の ul は、サイズを変更すると top:845px になります。絶対に配置されているため、845px を上に残して下に移動します。使用しているプラ​​グインはありますか？

于 2012-04-05T13:16:28.493 に答える