[JQuery1.9.1]JQuery UIの「datepicker」のスタイルが微妙に崩れる現象

Question

分からない事

ver:JQuery1.9.1
JQuery UIの「datepicker」を実装しようとしたら、
XAMPP環境（php5.6）ではスタイルがきちんと当たっててうまく行くのですが
実際本番環境（php5.3.3）に組み込んでみたら、カレンダーのスタイルが微妙に
崩れてしまいます。動作自体は問題なく実装できたのですが、
見た目の体裁がこれでは、さすがにかっこが付かないと思い質問させて頂きました。

現象画像

日〜木曜までが広がって、金・土曜が狭くなってしまう

ローカル環境

こちらはキレイにスタイルが当たっています

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css" >

<!-- 中略 -->

<script>
$("#datepicker").datepicker();
</script>

Comments

[x_x]

2つの環境のHTMLなどの出力の差異はわかるでしょうか？ 適用されているCSSが多いなど

Answer 1

自身があてられているCSSの影響ではないでしょうか。
開発ツールで確認してみると分かりますが、テーブル組みなのでtableタグ自体に対するCSS指定があれば当然影響を受けます。

見たところ、ローカルと本番では違うレイアウトの上で出されている（ローカルはあくまで単体実行っぽいですね）ようですし、本番で使われているCSSの影響があるように思います。

Comments

[DaisukeMori]

確かにテーブルのスタイルを指定しております。
納得いきました。ありがとうございます。

[m.ts10806]

ヒントになったようで何よりです。