テーマを変えたところ、うまく表示されました。
concrete5のccm.app.cssが
ログイン時には読み込まれて、
ログアウト時には読み込まれないのですね。
気づかずに使用しており、
ccm.app.cssの値を使用していたのが原因でカラムが崩れてました。
ただbody部の高さが合わない問題が直っておらず、
こちらもcssの記述の問題だと思いますが、
以下のように記述しても高さが合わず四苦八苦しています。
html, body {
height: 100%
}
#content {
height: 100%
}
上記で実行しても#contentのheightが中途半端な値になり、
footerがコンテンツの真ん中ら辺に表示されてます。
なにか解決策等ご教授ください。
サイトデザインがログアウト状態時のみ崩れる
2013年3月28日 at 9:29
初めて投稿いたします。
以下の構成のローカル環境でconcrete5を使用してます。
サーバー:centos6
concrete5 バージョン:5.6.0.2
PHPバージョン:5.3.10
ログインした状態では正常なデザインで表示されており、
2カラムも正常に表示されます。
問題は
ログアウトした状態で見たときに、
content部分のheigthが0になってしまい、
デザインが崩れてしまいます。
Header部は正常に表示されます。
heightが0でもサイトの中身は表示されています。
また2カラムで作成したページに関しては、
カラムが分かれず1カラム状態になります。
何が悪いか全く見当がつかないため、
投稿させて頂きました。
なにか解決策等ありましたらご教授ください。
Re: サイトデザインがログアウト状態時のみ崩れる
2013年4月1日 at 12:45
上記で実行しても#contentのheightが中途半端な値になり、
footerがコンテンツの真ん中ら辺に表示されてます。
ああ、これは、フッターをブラウザの下にぴったりくっつけたいということですね？
bodyの高さはブラウザのウィンドウサイズとは連動しません。
position:fixedを使うのがいいと思います。
http://css-tricks.com/snippets/css/fixed-footer/
Re: サイトデザインがログアウト状態時のみ崩れる
2013年4月7日 at 8:44
返信遅くなりまして申し訳ありません。
footer部を固定で表示したいわけではなく、
きちんとbody(content)の下に表示させたいという意味でした。
誤解を招く表現で申し訳ありません。
構成は以下のようになっておりまして、
contentにHPの内容を書いています。
<body>
<div id="header">
<div id="content">
<div id="footer">
</body>
bodyのheightを100%にしても、
bodyが画面の真ん中ぐらいまでしか来ておらず
その下にfooterが表示されるという状態です。
そもそもbody部が中身の高さと合ってないのが問題だと
思っております。
この問題は完全にconcrete5とは関係ない問題かと思いますので、
問題ありましたらご指摘ください。
footer部を固定で表示したいわけではなく、
きちんとbody(content)の下に表示させたいという意味でした。
誤解を招く表現で申し訳ありません。
構成は以下のようになっておりまして、
contentにHPの内容を書いています。
<body>
<div id="header">
<div id="content">
<div id="footer">
</body>
bodyのheightを100%にしても、
bodyが画面の真ん中ぐらいまでしか来ておらず
その下にfooterが表示されるという状態です。
そもそもbody部が中身の高さと合ってないのが問題だと
思っております。
この問題は完全にconcrete5とは関係ない問題かと思いますので、
問題ありましたらご指摘ください。
Re: サイトデザインがログアウト状態時のみ崩れる
2013年4月8日 at 0:15
> bodyのheightを100%にしても、
> bodyが画面の真ん中ぐらいまでしか来ておらず
これはCSSではどうしようもないです。
Javascriptを使って調整することはできると思いますが…
> bodyが画面の真ん中ぐらいまでしか来ておらず
これはCSSではどうしようもないです。
Javascriptを使って調整することはできると思いますが…
takuro hishikawa
Re: サイトデザインがログアウト状態時のみ崩れる
2. ページ内のブロックを全て削除してみる
3. 管理画面からキャッシュをクリアしてみる
どれで解消するかですが、1であればテーマのCSS・Javascriptの書き方の問題かと思います