博之上田
フォーラムへの返信
-
投稿
-
対馬様、うなこさま
CSSを書き換えたところ、ページを開いた時にサイドバーが隠れる問題はひとまず解決しました。
ありがとうございました。ただ、サイドバー（共通上部）が、ページを開いた時は画面上端に接しています（添付1枚目）が、
わずかでも下にスクロールすると、40〜50px程度下に移動して固定表示される（添付2枚目）現象が出ています。
一旦移動すると画面を上下にスクロールしても、添付2の状態を保ちます。何か解決方法があれば、ご教示お願いします。
CSSを貼り間違えました。
貼り付けたCSSはこちらです。/*幅を調整*/
@media (min-width: 992px){
.main-section–col–two {
width: 82.5%;
}
.sub-section–col–two {
width: calc(17.5% – 2rem);
}
}うなこ様
早速のご回答ありがとうございます。
記載いただいたコードを追加CSSにコピペしたところ、なぜかCSSが効きませんでした。もう一度ソースを見直したところ、クラス名が違っていたので、以下のように修正したところ
幅は変わりました。/*幅を調整*/
@media (min-width: 992px){
.main-section–col–two {
width: 82.5%;
}
.sub-section–col–two {
width: calc(17.5% – 2rem);
}
}ただ、わずかにスクロールしないとサイドバーが表示しないという不具合は解消していません。
ソースを以下のURLに保存しましたので、大変お手数ですが、確認いただけないでしょうか。
https://okurin.bitpark.co.jp/d.php?u=7b32dB755ojRmePどうぞよろしくお願いいたします。
連投すみません。
どうやら、サイドバーとメインウインドウの幅をCSSで変更していたのが原因のようです。
一旦、該当のCSSを削除したら、斉唱に動作しました。やりたいことは、サイドバーの幅を185px、メインページの幅を915pxに固定したいので、
幅を％に置き換えて、以下のCSSを記載していますが、何か間違っているでしょうか。/*サイドバー 幅 */
@media (min-width: 992px) {
/*メインセクション*/
.main-section–col–two {
width: 83.3%;
}
/*サイドバー*/
sub-section–col–two {
width: calc(16.7% – 2em);
}
}よろしくお願いします。
対馬様
ご教示頂いたページからphpMyAdminでユーザーIDを確認したところ、当方の認識していたIDと異なっていることが分かりました。
PWを再設定し無事管理者としてログイン出来ました。
ありがとうございました。
