質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
Internet Explorer

Internet Explorer(IE;MSIE)はマイクロソフトが開発したウェブブラウザです。Microsoft Windowsに組み込まれています。

URL

URL(ユニフォームリソースロケータ)とは、インターネット上のリソース(Webページや電子メールの宛先等)を特定するための形式的な記号の並びの事を言う。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

EC-CUBE

EC-CUBEは、主に日本国内で開発されているECコンテンツ管理システムです。ロックオン社のECKitを元にしてオープンソース化され、商品管理・受注管理・顧客管理・売上集計などECに特化した様々な機能を備えています。

Q&A

解決済

1回答

2025閲覧

EC-CUBEでCSSによるレイアウトが一部崩れる

ogaway

総合スコア12

Internet Explorer

Internet Explorer(IE;MSIE)はマイクロソフトが開発したウェブブラウザです。Microsoft Windowsに組み込まれています。

URL

URL(ユニフォームリソースロケータ)とは、インターネット上のリソース(Webページや電子メールの宛先等)を特定するための形式的な記号の並びの事を言う。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

EC-CUBE

EC-CUBEは、主に日本国内で開発されているECコンテンツ管理システムです。ロックオン社のECKitを元にしてオープンソース化され、商品管理・受注管理・顧客管理・売上集計などECに特化した様々な機能を備えています。

0グッド

0クリップ

投稿2018/02/26 22:35

前提・実現したいこと

EC-CUBE2系を使ってECサイトを構築しています。
URLは以下となっております。
http://localhost/test/html/
このURLのlocalhostを別のものに変えたいと思います。

発生している問題・エラーメッセージ

config.phpの内容を書き換え
URLは変わったのですが、
一部CSSがきかないようでレイアウトが崩れてしまいます。
また元のlocalhostに戻すと正常に戻ります。
background属性で画像ファイルを指定していますが、
サイズが変わったりして書けてしまいます。
文字のサイズも少々変わってしまいます。
IEとSafariで発生し、ChromeやEdgeでは問題ありません。
動作には影響はなく、CSSのきき方が変わるようです。

該当のソースコード

/data/config/config.phpの内容
define('HTTP_URL', 'http://localhost/test/html/');
define('HTTPS_URL', 'http://localhost/test/html/');
define('ROOT_URLPATH', '/test/html/');
これら3つの設定を変えています。

試したこと

DNSの名前解決が原因と思い、hostsファイルに記載してみても変わりませんでした。
pingも名前で応答が返るので問題ないと思います。
ちなみに、localhostの文字列を、192.168.0.2などのIPに変えると
本件の事象は発生しませんでした。他の名前に変えると発生します。
また、別にEC-CUBEを一からインストールしてみて、
同じことをやってみましたが、やはり同じ現象となり
若干、文字のサイズなどが変わってしまうようです。

補足情報(FW/ツールのバージョンなど)

EC-CUBE 2.13.5
PHP 5.6.32
Apache/2.4.29
PostgreSQL 10.1
Windows 8.1

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2018/02/26 22:44

ブラウザCSSをちゃんとリセットしてます?
ogaway

2018/02/26 23:01

ありがとうございます。IEはキャッシュなどすべて削除しても効果がありませんでした。
退会済みユーザー

退会済みユーザー

2018/02/26 23:06 編集

レタリングエンジンが持っているデフォルトcss(ブラウザCss)はキャッシュクリアじゃ消えないよ
ogaway

2018/02/26 23:12

reset.cssが組み込まれているようで、その中身を色々な作者のリセットCSSを組み込んで試してみましたが効果がありませんでした。ちなみに、RESET.CSSファイルを消すと画面がさらに崩れるのでリセットCSSの効果はあるようです。
退会済みユーザー

退会済みユーザー

2018/02/26 23:20

だとすると、閉じてないタグがそれなりにありそう。(レタリングエンジンによる自動タグ補正機能)
ogaway

2018/02/26 23:40

指摘の通りでした!閉じていないDIVタグがありました。今見直し中で結果が判明次第またご報告いたします。
ogaway

2018/02/27 00:08

閉じていないタグや、文法的に問題がありました。それらを直して若干表の高さとか微妙に違いはあるものの崩れはなくなりました。ありがとうございました!
guest

回答1

0

自己解決

asahina1979さんにご指摘いただいて、DIVタグが閉じていなかったり
文法がおかしいところが多々発見出来ました。
それらを直せば大きな崩れはなくなりました。

ですがURLを変えることでこの症状が出る理由がわからず、少しモヤモヤしていますが、
逆に、文法を正しく守らないといけないということが分かって良かったです。

投稿2018/02/27 00:13

ogaway

総合スコア12

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問