私たちは日頃、管理画面の使いやすいbaserCMSでホームページ制作をする事が多いのですが、先日、自社HPのCSSを調整していて以下の様な現象に出くわしました。
Topics
トピックス
baserCMSの管理ツールバーが隠れてしまう状態を解消する
2014/10/11
フロントサイドの上部に表示されている管理ツールバーですが、そのメニューをクリックした際、ポップアップで表示されるべき部分が、画像のように途切れてしまっていました（画像はクリックすると少し大きくなります）。
結論からいうと、CSSの「overflow: hidden;」が悪さをしていて、問題の現象（見た目）からも想像はついたのですが、自身では使った記憶が無かったので少し考えてしまいました。
問題だったのはSass（3.3.0）で利用しているCompass（1.0.0）でした。そこから書き出されるclearfixが「overflow: hidden;」を使っていました（他のバージョンは分かりません）。
@import "compass";
@import "compass/utilities/general/clearfix";
.clearfix {
@include clearfix;
}
としていた部分を修正します。要はclearfixで「overflow: hidden;」を使わなければ良いわけですので、例えば、
@import "compass";
.clearfix{
zoom:1;
}
.clearfix:after{
content:" ";
display:block;
clear:both;
}
という感じでOKです。
多くのコーディング現場で、CSSプリプロセッサを使っていると思いますので、baserCMSを使っている方の参考になればと思い、メモを残しておきます (^^
よくある質問
ここでは「ホームページを制作するのにどのくらいの期間が必要？」「島根県以外の遠方からでも依頼できる？」などお客様から寄せられる質問に回答しています。
下記の一覧からご覧になりたい質問内容をクリックしてください。
制作について
Q:どのくらいの制作期間が必要ですか？
Q:法人ではなく個人事業主なのですが、制作を依頼できますか？
Q:文章の校正はしてもらえますか？
Q:知り合いのデザイナーにデザインをお願いしたいのですが・・・。
Q:デザインだけをお願いしたいのですが・・・。
Q:すでにあるホームページを修正したいのですが・・・。
Q:スマートフォン対応のホームページを作成してもらえますか？
Q:現在ホームページを持っていますが、リニューアルをお願いできますか？
Q:ホームページと一緒にブログも作りたいのですが、可能ですか？
Q:ホームページに掲載する内容は、一緒に考えてもらえますか？
Q:制作を依頼した場合、何を用意すれば良いですか？
Q:遠方（島根県以外）からホームページ制作の依頼はしてもらえますか？
Q:WordPressを使ったサイト構築は可能ですか？
Q:デザインのみ、コーディングのみなど、制作の一部の依頼は可能ですか？
Q:制作会社、広告代理店からの依頼は可能ですか？
Q:写真撮影も行ってもらえますか？
Q:動画を使ったホームページを作成したいのですがお願いできますか？
Q:ホームページの更新を簡単にできる方法はありますか？
Q:依頼してから完成まではどのような流れですか？
